@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--primary-color: #3b82f6;--primary-hover: #2563eb;--text-primary: #111827;--text-secondary: #6b7280;--border-color: #e5e7eb;--bg-white: #ffffff;--bg-gray: #f9fafb;--error-color: #ef4444;--success-color: #10b981}html.dark{--text-primary: #f3f4f6;--text-secondary: #9ca3af;--border-color: #374151;--bg-white: #1f2937;--bg-gray: #111827}html.dark body{background-color:var(--bg-gray);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-sans);background-color:var(--bg-white);color:var(--text-primary);line-height:1.6;min-height:100vh}.login-container{display:flex;min-height:100vh}.login-sidebar{flex:1;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;color:#fff}.login-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;background-color:var(--bg-gray)}.login-logo{margin-bottom:2rem;text-align:center}.login-logo h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-logo p{font-size:1rem;opacity:.8}.login-form{width:100%;max-width:400px;background:var(--bg-white);padding:2rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.login-form h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:var(--bg-white)}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-secondary)}.login-button{width:100%;padding:.75rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-button:hover{background-color:var(--primary-hover)}.login-button:active{transform:translateY(1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--error-color);font-size:.875rem;margin-top:.5rem;display:none}.error-message.show{display:block}.success-message{color:var(--success-color);font-size:.875rem;margin-top:.5rem;display:none}.success-message.show{display:block}.loading{position:relative;pointer-events:none}.loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-footer{margin-top:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.login-footer a{color:var(--primary-color);text-decoration:none;font-weight:500}.login-footer a:hover{text-decoration:underline}@media(max-width:768px){.login-container{flex-direction:column}.login-sidebar{min-height:200px;padding:1rem}.login-main{padding:1rem}.login-form{padding:1.5rem}.login-logo h1{font-size:1.5rem}}@media(max-width:480px){.login-form{padding:1rem}.login-form h2{font-size:1.25rem}.form-input,.login-button{padding:.625rem .875rem}}