@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#21242f;--bg-hover:#282c3a;--bg-input:#1a1d27;--border:#2e3240;--border-focus:#5b6abf;--text-primary:#e8eaed;--text-secondary:#9aa0b0;--text-muted:#6b7280;--accent:#5b6abf;--accent-hover:#6d7ad4;--success:#34d399;--warning:#fbbf24;--danger:#ef4444;--danger-hover:#dc2626;--radius:8px;--radius-sm:6px;--shadow:0 1px 3px #0000004d}[data-theme=light]{--bg-primary:#f5f6f8;--bg-secondary:#edeef1;--bg-card:#fff;--bg-hover:#f0f1f4;--bg-input:#fff;--border:#d8dbe3;--border-focus:#5b6abf;--text-primary:#1a1d27;--text-secondary:#4b5263;--text-muted:#7c8291;--accent:#5b6abf;--accent-hover:#4a59a8;--success:#16a369;--warning:#d49a0a;--danger:#dc2626;--danger-hover:#b91c1c;--shadow:0 1px 3px #00000014}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;color:var(--text-primary);cursor:pointer;z-index:1000;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 8px #00000059}.theme-toggle:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent-hover);transform:scale(1.05)}[data-theme=light] .theme-toggle{color:#1a1d27;background:#fff;border:1px solid #c8cdd8;box-shadow:0 2px 8px #0000001a}[data-theme=light] .theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:#f0f1f4}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{outline:none;font-family:inherit}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);padding:10px 14px;font-size:14px;transition:border-color .2s}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-logout{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);font-weight:600;box-shadow:0 1px 2px #0003}.btn-logout:hover:not(:disabled){background:var(--bg-hover);color:#fff;border-color:#636b83}[data-theme=light] .btn-logout{color:#1a1d27;background:#fff;border:1px solid #b8bec9;box-shadow:0 1px 2px #0000000d}[data-theme=light] .btn-logout:hover:not(:disabled){color:#0f1117;background:#e8ebf0;border-color:#7b8395}.btn-sm{padding:5px 10px;font-size:12px}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:10px 14px;font-size:13px}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-success{color:var(--success);background:#34d3991a;border:1px solid #34d3994d}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);box-shadow:var(--shadow);z-index:1000;padding:10px 20px;font-size:13px;animation:.2s fadeInUp;position:fixed;bottom:20px;right:20px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px;font-size:14px}tbody tr:hover{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--text-muted)}.text-sm{font-size:13px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.gap-2{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}