*,:before,:after{box-sizing:border-box}body{margin:0}#root{width:100%;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#f1f5f9;min-height:100vh;font-family:system-ui,-apple-system,sans-serif}.login-container{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:14px;flex-direction:column;gap:1.2rem;width:100%;max-width:380px;padding:2.5rem;display:flex;box-shadow:0 20px 60px #0000004d}.login-box h2{text-align:center;color:#0f172a;letter-spacing:-.3px;font-size:1.4rem;font-weight:700}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#475569;font-size:.875rem;font-weight:500}.form-group input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.6rem .8rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus{background:#fff;border-color:#3b82f6}.login-box button[type=submit]{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s}.login-box button[type=submit]:hover:not(:disabled){background:#0f172a}.login-box button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.error{color:#ef4444;text-align:center;font-size:.875rem}.login-footer{text-align:center;border-top:1px solid #f1f5f9;padding-top:.25rem}.link-btn{color:#94a3b8;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline}.link-btn:hover{color:#1e3a5f}.dashboard header{background:#0f172a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 8px #0003}.dashboard header h1{color:#fff;letter-spacing:-.2px;font-size:1.2rem;font-weight:600}.dashboard header div{align-items:center;gap:1rem;display:flex}.dashboard header span{color:#94a3b8;font-size:.9rem}.dashboard header button{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s}.dashboard header button:hover{background:#b91c1c}.dashboard main{color:#64748b;padding:2rem}.btn-secondary{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;transition:background .2s}.btn-secondary:hover{background:#f1f5f9}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#fff;border-radius:12px;flex-direction:column;gap:1.2rem;width:100%;max-width:380px;padding:2rem;display:flex;box-shadow:0 8px 32px #0003}.modal-box h3{color:#0f172a;font-size:1.1rem;font-weight:600}.modal-box form{flex-direction:column;gap:1rem;display:flex}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.modal-actions button[type=submit]{color:#fff;cursor:pointer;background:#1e3a5f;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:500;transition:background .2s}.modal-actions button[type=submit]:hover:not(:disabled){background:#0f172a}.modal-actions button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.success{color:#16a34a;text-align:center;font-size:.875rem}html.dark .login-box{background:#1e293b;box-shadow:0 20px 60px #0009}html.dark .login-box h2{color:#f1f5f9}html.dark .form-group label{color:#94a3b8}html.dark .form-group input{color:#f1f5f9;background:#0f172a;border-color:#475569}html.dark .form-group input::placeholder{color:#64748b}html.dark .form-group input:focus{background:#1e293b;border-color:#3b82f6}html.dark .login-footer{border-top-color:#334155}html.dark .link-btn{color:#64748b}html.dark .link-btn:hover{color:#94a3b8}html.dark .modal-box{background:#1e293b}html.dark .modal-box h3{color:#f1f5f9}html.dark .modal-box .form-group label{color:#94a3b8}html.dark .error{color:#f87171}html.dark .success{color:#4ade80}