@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#0b0d17;--bg-secondary:#131622;--bg-glass:#131622b3;--border-glass:#ffffff0d;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-glow:#6366f166;--text-primary:#f8fafc;--text-secondary:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-gradient-1:#6366f126;--bg-gradient-2:#8b5cf626;--sidebar-width:280px;--sidebar-bg:var(--bg-secondary);--card-bg:#ffffff08;--input-bg:#ffffff08;--input-border:#ffffff0f;--row-border:#ffffff08;--row-hover:#ffffff05}:root[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-glass:#ffffffb3;--border-glass:#0000001a;--accent-primary:#3b82f6;--accent-secondary:#0ea5e9;--accent-glow:#3b82f64d;--text-primary:#0f172a;--text-secondary:#475569;--bg-gradient-1:#3b82f61a;--bg-gradient-2:#0ea5e91a;--sidebar-bg:#f3f7fb;--card-bg:#fff;--input-bg:#f1f5f9;--input-border:#0f172a0f;--row-border:#0f172a0f;--row-hover:#0f172a08}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(circle at 15% 50%, var(--bg-gradient-1), transparent 25%), radial-gradient(circle at 85% 30%, var(--bg-gradient-2), transparent 25%);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}#root{height:100vh;display:flex}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:16px;box-shadow:0 4px 30px #0000001a}h1,h2,h3{letter-spacing:-.02em;font-weight:600}.text-gradient{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.btn:hover{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-2px)}.btn-secondary{background:var(--card-bg);border:1px solid var(--input-border);color:var(--text-primary)}.btn-secondary:hover{box-shadow:none;background:linear-gradient(90deg,#00000008,#00000005)}.sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-glass);background:var(--sidebar-bg);flex-direction:column;gap:32px;height:100%;padding:24px;display:flex}.brand{align-items:center;gap:12px;font-size:24px;display:flex}.nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:var(--accent-primary);background:#6366f11a}.main-content{flex-direction:column;flex:1;gap:24px;padding:32px;display:flex;overflow-y:auto}.header{justify-content:space-between;align-items:center;display:flex}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--input-border);border-radius:12px;flex-direction:column;gap:12px;padding:24px;transition:transform .3s;display:flex;box-shadow:0 6px 18px #02061714}.stat-card:hover{transform:translateY(-5px)}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:14px}.stat-value{color:var(--text-primary);font-size:36px;font-weight:700}.loader-container{justify-content:center;align-items:center;height:200px;display:flex}.loader{border:4px solid var(--input-border);border-top-color:var(--accent-primary);border-radius:50%;width:48px;height:48px;animation:1s cubic-bezier(.5,0,.5,1) infinite spin}.filters-bar{align-items:center;gap:16px;padding:16px;display:flex}.input-field{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s,background .2s}.input-field:focus{border-color:var(--accent-primary)}select.input-field option{background:var(--card-bg);color:var(--text-primary)}.table-container{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--text-secondary);border-bottom:1px solid var(--row-border);white-space:nowrap;padding:16px;font-size:13px;font-weight:500}td{border-bottom:1px solid var(--row-border);color:var(--text-primary);padding:16px;font-size:15px}tbody tr{transition:background .2s}tbody tr:hover{background:var(--row-hover)}.badge{background:var(--badge-success-bg,#10b9811f);color:var(--success);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.badge.orange{color:var(--warning);background:#f59e0b1f}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}