@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--bg-main:#0b0f19;--bg-sidebar:#0f1626;--bg-card:#111827b3;--bg-card-hover:#1e293bd9;--border-color:#33415566;--border-color-hover:#6366f166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-glow:#6366f140;--primary-gradient:linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #818cf8 100%);--success:#10b981;--success-glow:#10b98126;--success-gradient:linear-gradient(135deg, #059669 0%, #10b981 100%);--error:#ef4444;--error-glow:#ef444426;--error-gradient:linear-gradient(135deg, #dc2626 0%, #f87171 100%);--warning:#f59e0b;--warning-glow:#f59e0b26;--info:#06b6d4;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#6366f14d transparent;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f199}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#06b6d41f 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:var(--border-color-hover);box-shadow:0 8px 30px #0000004d,0 0 15px #6366f10d}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}.dashboard-container{grid-template-columns:260px 1fr;min-height:100vh;display:grid}@media (max-width:1024px){.dashboard-container{grid-template-columns:1fr}}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;height:100vh;padding:24px;display:flex;position:sticky;top:0}@media (max-width:1024px){.sidebar{height:auto;padding:16px;position:relative}}.main-content{flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:32px;display:flex}@media (max-width:768px){.main-content{padding:16px}}input,select,textarea{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);background-color:#0f172a99;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:inline-block}.btn{cursor:pointer;font-family:var(--font-display);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#1e293bb3}.btn-secondary:hover:not(:disabled){border-color:var(--text-secondary);background:#334155b3}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;background-color:#0f172a66;padding:14px 16px;font-size:13px;font-weight:600}td{color:var(--text-primary);vertical-align:middle;border-bottom:1px dashed #3341554d;padding:12px 16px}tr:hover td{background-color:#1e293b4d}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background-color:#10b9811a;border:1px solid #10b98133}.badge-danger{color:var(--error);background-color:#ef44441a;border:1px solid #ef444433}.badge-warning{color:var(--warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-info{color:var(--info);background-color:#06b6d41a;border:1px solid #06b6d433}@keyframes pulse{0%,to{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}