body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--accent-primary: #3b82f6;--accent-primary-hover: #2563eb;--accent-secondary: #10b981;--accent-danger: #ef4444;--accent-warning: #f59e0b;--accent-success: #10b981}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border-primary: #334155;--border-secondary: #475569;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--accent-primary: #60a5fa;--accent-primary-hover: #3b82f6;--accent-secondary: #34d399;--accent-danger: #f87171;--accent-warning: #fbbf24;--accent-success: #34d399}.dark .bg-white{background-color:var(--bg-primary)!important}.dark .bg-gray-50{background-color:var(--bg-secondary)!important}.dark .bg-gray-100{background-color:var(--bg-tertiary)!important}.dark .bg-gray-200{background-color:var(--border-primary)!important}.dark .bg-gray-700{background-color:var(--text-muted)!important}.dark .bg-gray-800{background-color:var(--bg-tertiary)!important}.dark .bg-gray-900{background-color:var(--bg-primary)!important}.dark .text-gray-800{color:var(--text-primary)!important}.dark .text-gray-600{color:var(--text-secondary)!important}.dark .text-gray-500{color:var(--text-muted)!important}.dark .text-gray-900{color:var(--text-primary)!important}.dark .text-gray-700{color:var(--text-secondary)!important}.dark .text-gray-400,.dark .text-gray-300{color:var(--text-muted)!important}.dark .text-gray-200{color:var(--text-primary)!important}.dark .border-gray-200{border-color:var(--border-primary)!important}.dark .border-gray-300,.dark .border-gray-600,.dark .border-gray-700{border-color:var(--border-secondary)!important}.dark .shadow-sm{box-shadow:var(--shadow-sm)!important}.dark .shadow-md{box-shadow:var(--shadow-md)!important}.dark .shadow-lg{box-shadow:var(--shadow-lg)!important}.dark *{color:inherit}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:var(--text-primary)!important}.dark p,.dark span,.dark div{color:inherit}.dark input,.dark select,.dark textarea{background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border-color:var(--border-primary)!important}.dark button{color:inherit}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}body,html,html.dark,html.light{background-color:var(--bg-primary);color:var(--text-primary)}.bg-white{background-color:var(--bg-primary)!important}.bg-gray-50{background-color:var(--bg-secondary)!important}.bg-gray-100{background-color:var(--bg-tertiary)!important}.text-gray-800{color:var(--text-primary)!important}.text-gray-600{color:var(--text-secondary)!important}.text-gray-500{color:var(--text-muted)!important}.border-gray-200{border-color:var(--border-primary)!important}.border-gray-300{border-color:var(--border-secondary)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.theme-bg-primary{background-color:var(--bg-primary)}.theme-bg-secondary{background-color:var(--bg-secondary)}.theme-bg-tertiary{background-color:var(--bg-tertiary)}.theme-text-primary{color:var(--text-primary)}.theme-text-secondary{color:var(--text-secondary)}.theme-text-muted{color:var(--text-muted)}.theme-border-primary{border-color:var(--border-primary)}.theme-border-secondary{border-color:var(--border-secondary)}.theme-shadow-sm{box-shadow:var(--shadow-sm)}.theme-shadow-md{box-shadow:var(--shadow-md)}.theme-shadow-lg{box-shadow:var(--shadow-lg)}.dark ::-webkit-scrollbar{width:8px;height:8px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.bg-gray-200{background-color:var(--border-primary)!important}.bg-gray-700{background-color:var(--text-muted)!important}.bg-gray-800{background-color:var(--bg-tertiary)!important}.bg-gray-900{background-color:var(--bg-primary)!important}.text-gray-900{color:var(--text-primary)!important}.text-gray-700{color:var(--text-secondary)!important}.text-gray-400,.text-gray-300{color:var(--text-muted)!important}.text-gray-200{color:var(--text-primary)!important}.border-gray-600,.border-gray-700{border-color:var(--border-secondary)!important}.hover\:bg-gray-50:hover{background-color:var(--bg-tertiary)!important}.hover\:bg-gray-100:hover{background-color:var(--border-primary)!important}.hover\:bg-gray-200:hover{background-color:var(--border-secondary)!important}.hover\:bg-gray-700:hover{background-color:var(--text-muted)!important}.hover\:text-gray-800:hover,.hover\:text-gray-900:hover,.hover\:text-gray-100:hover{color:var(--text-primary)!important}.hover\:text-gray-300:hover{color:var(--text-secondary)!important}.focus\:ring-blue-500:focus{--tw-ring-color: var(--accent-primary) !important}.focus\:border-blue-500:focus{border-color:var(--accent-primary)!important}.dark .hover\:bg-gray-50:hover{background-color:var(--bg-tertiary)!important}.dark .hover\:bg-gray-100:hover{background-color:var(--border-primary)!important}.dark .hover\:bg-gray-200:hover{background-color:var(--border-secondary)!important}.dark .hover\:bg-gray-700:hover{background-color:var(--text-muted)!important}.dark .hover\:text-gray-800:hover,.dark .hover\:text-gray-900:hover,.dark .hover\:text-gray-100:hover{color:var(--text-primary)!important}.dark .hover\:text-gray-300:hover{color:var(--text-secondary)!important}.dark .focus\:ring-blue-500:focus{--tw-ring-color: var(--accent-primary) !important}.dark .focus\:border-blue-500:focus{border-color:var(--accent-primary)!important}.dark .bg-blue-50{background-color:#3b82f61a!important}.dark .bg-blue-900\/20{background-color:#1e3a8a33!important}.dark .text-blue-600{color:var(--accent-primary)!important}.dark .text-blue-700{color:var(--accent-primary-hover)!important}.dark .text-blue-400{color:var(--accent-primary)!important}.dark .border-blue-200{border-color:#3b82f64d!important}.dark .border-blue-700{border-color:#1e3a8a80!important}#root{max-width:100%;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.logo-container{margin-bottom:40px}.logo-icon{font-size:48px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header h1{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#666;font-size:16px;margin:0}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:12px;margin-bottom:20px;color:#c33;font-size:14px;display:flex;align-items:center;gap:8px}.error-icon{font-size:16px}.login-form{margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);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{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e1e5e9}.login-footer p{color:#999;font-size:12px;margin:0}@media(max-width:480px){.login-card{padding:30px 20px;margin:10px}.login-header h1{font-size:24px}.logo-icon{font-size:40px}}