@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-2:#22263a;--color-sidebar:#13161f;--color-border:#2a2d3e;--color-border-2:#353856;--color-text:#e2e8f0;--color-text-muted:#6b7280;--color-text-dim:#4b5563;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-dim:#3b82f626;--color-success:#22c55e;--color-success-dim:#22c55e26;--color-warning:#f59e0b;--color-warning-dim:#f59e0b26;--color-danger:#ef4444;--color-danger-dim:#ef444426;--color-info:#06b6d4;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--sidebar-width:220px;--font-base:"Inter", system-ui, -apple-system, sans-serif}html,body{font-family:var(--font-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}h1{font-size:1.4rem;font-weight:700}h2{font-size:1.2rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{color:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;font-family:var(--font-base);cursor:pointer;white-space:nowrap;border:none;padding:.5rem 1rem;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-success{background:var(--color-success);color:#0f1117}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-ghost{color:var(--color-text-muted);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text)}.btn-sm{padding:.3rem .65rem;font-size:.78rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{flex-direction:column;gap:.3rem;display:flex}label{color:var(--color-text-muted);font-size:.78rem;font-weight:500}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:.875rem;font-family:var(--font-base);color:var(--color-text);background:var(--color-surface-2);outline:none;padding:.5rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}input::placeholder,textarea::placeholder{color:var(--color-text-dim)}select option{background:var(--color-surface-2);color:var(--color-text)}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--color-surface-2);text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);padding:.65rem 1rem;font-size:.72rem;font-weight:600}td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.65rem 1rem;font-size:.875rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--color-surface-2)}.badge{border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600;display:inline-block}.badge-success{background:var(--color-success-dim);color:var(--color-success)}.badge-warning{background:var(--color-warning-dim);color:var(--color-warning)}.badge-danger{background:var(--color-danger-dim);color:var(--color-danger)}.badge-info{color:var(--color-info);background:#06b6d426}.badge-neutral{background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.alert{padding:var(--space-md);border-radius:var(--radius-md);border-left:3px solid;font-size:.875rem}.alert-success{background:var(--color-success-dim);border-color:var(--color-success);color:var(--color-success)}.alert-warning{background:var(--color-warning-dim);border-color:var(--color-warning);color:var(--color-warning)}.alert-danger{background:var(--color-danger-dim);border-color:var(--color-danger);color:var(--color-danger)}.alert-info{border-color:var(--color-info);color:var(--color-info);background:#06b6d41a}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--color-sidebar);border-right:1px solid var(--color-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.main-wrapper{margin-left:var(--sidebar-width);background:var(--color-bg);flex:1;min-width:0;min-height:100vh}.page{padding:var(--space-lg);max-width:1400px}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.grid-2{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--sidebar-width:0px}.sidebar{display:none}.main-wrapper{margin-left:0;padding-bottom:75px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:var(--space-md)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color .2s}.stat-card:hover{border-color:var(--color-border-2)}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.stat-value{letter-spacing:-.02em;margin-top:.35rem;font-size:1.7rem;font-weight:800}.stat-sub{color:var(--color-text-muted);margin-top:.25rem;font-size:.78rem}.spinner{border:2px solid var(--color-border-2);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.modal-backdrop{z-index:9999;padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}