@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}:root{--bg-primary:#f8f9fc;--bg-card:#fff;--bg-card-hover:#f1f3f9;--bg-subtle:#f1f3f9;--border:#e2e8f0;--border-light:#f1f5f9;--text-primary:#1a1a2e;--text-secondary:#64748b;--text-muted:#94a3b8;--accent:#f97066;--accent-hover:#ef4444;--accent-dim:#f9706614;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 2px 8px #0000000f;--shadow-lg:0 4px 16px #00000014;--bg:var(--bg-primary);--surface:var(--bg-card);--text:var(--text-primary);--muted:var(--text-secondary);--cyan:var(--accent);--gold:var(--warning)}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-card:#111117;--bg-card-hover:#16161d;--bg-subtle:#16161d;--border:#1e1e2a;--border-light:#1e1e2a;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#6b6b80;--accent:#f97066;--accent-hover:#ef4444;--accent-dim:#f970661a;--shadow-sm:0 1px 2px #0003;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006}[data-compact=true]{font-size:13px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11";background-image:none;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}button{cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s}a{color:inherit;transition:color .15s}@media (max-width:768px){input,select,textarea{font-size:16px!important}*{-webkit-tap-highlight-color:transparent}button:active,a:active{transition:transform .1s;transform:scale(.97)}.safeBottom{padding-bottom:env(safe-area-inset-bottom,0px)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border)transparent}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #f970661f;border-color:var(--accent)!important}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.2}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:14px;font-weight:600}.kpi-value{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:28px;font-weight:700;line-height:1.1}.kpi-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:11px;font-weight:500}.table-header{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:11px;font-weight:600}.table-cell{color:var(--text-primary);font-size:13px;font-weight:400}.badge{font-size:11px;font-weight:600;line-height:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000f}.card-grid{gap:16px;display:grid}.section-gap{margin-bottom:24px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border:1px solid var(--border);background:var(--bg-card);height:36px;color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-ghost{height:32px;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:0 12px;font-size:12px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text-primary)}.breadcrumb{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.breadcrumb-active{color:var(--text-primary);font-weight:500}.breadcrumb-separator{color:var(--text-muted)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#d1d5db 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1a 50%,#ffffff0f 75%) 0 0/200% 100%}.mobileScrollX{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.mobileScrollX::-webkit-scrollbar{display:none}
