@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main: #0b1120;--bg-card: #111827;--bg-card-hover: #172033;--bg-elevated: #1e293b;--bg-input: #0f172a;--bg-sidebar: #0f172a;--bg: #0b1120;--surface: #0b1120;--surface2: #111827;--surface3: #172033;--surface4: #1e293b;--gold: #d4a017;--gold-light: #e8b828;--gold-muted: #a07810;--gold-dim: rgba(212,160,23,.1);--gold-border: rgba(212,160,23,.22);--gold-glow: rgba(212,160,23,.18);--success: #22c55e;--success-dim: rgba(34,197,94,.1);--success-border: rgba(34,197,94,.22);--danger: #ef4444;--danger-dim: rgba(239,68,68,.1);--danger-border: rgba(239,68,68,.22);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.1);--warning-border: rgba(245,158,11,.22);--info: #3b82f6;--info-dim: rgba(59,130,246,.1);--info-border: rgba(59,130,246,.22);--teal: #14b8a6;--teal-dim: rgba(20,184,166,.1);--orange: #f97316;--orange-dim: rgba(249,115,22,.1);--green: #22c55e;--green-dim: rgba(34,197,94,.1);--red: #ef4444;--red-dim: rgba(239,68,68,.1);--yellow: #f59e0b;--yellow-dim: rgba(245,158,11,.1);--blue: #3b82f6;--blue-dim: rgba(59,130,246,.1);--text: #f1f5f9;--text2: #94a3b8;--text3: #475569;--text4: #334155;--mu: #475569;--mu2: #334155;--tx: #f1f5f9;--border: rgba(255,255,255,.06);--border2: rgba(255,255,255,.1);--border3: rgba(255,255,255,.16);--bd: rgba(255,255,255,.06);--bd2: rgba(255,255,255,.1);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 16px rgba(0,0,0,.35), 0 1px 4px rgba(0,0,0,.2);--shadow-lg: 0 12px 40px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.25);--shadow-xl: 0 24px 60px rgba(0,0,0,.5), 0 8px 20px rgba(0,0,0,.3);--glow-gold: 0 0 20px rgba(212,160,23,.15), 0 0 40px rgba(212,160,23,.05);--glow-card: 0 0 0 1px rgba(255,255,255,.05), 0 8px 32px rgba(0,0,0,.35);--font-display: "Manrope", "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--r-xs: 4px;--r-sm: 6px;--r: 10px;--r-lg: 14px;--r-xl: 20px;--rs: 8px;--s1: #111827;--s2: #172033;--sidebar-w: 224px;--topbar-h: 56px;--t-fast: .12s ease;--t: .18s ease;--t-slow: .28s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-main);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:14px;background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(212,160,23,.05) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(59,130,246,.04) 0%,transparent 60%)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}*:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:#d4a01733;color:var(--gold-light)}input,select,textarea,button{font-family:var(--font-body);font-size:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 8px #d4a01726}50%{box-shadow:0 0 22px #d4a0174d}}.animate-fade{animation:fadeIn .25s ease both}.animate-fade-fast{animation:fadeInFast .15s ease both}.animate-slide{animation:slideIn .22s ease both}.animate-scale{animation:scaleIn .2s ease both}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin .7s linear infinite}.animate-glow{animation:glow 2.5s ease infinite}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--r)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--t),box-shadow var(--t),transform var(--t);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);pointer-events:none}.card:hover{border-color:var(--border2);box-shadow:var(--glow-card)}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border2)}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 20px;position:relative;overflow:hidden;transition:all var(--t)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}.kpi-card:hover{border-color:var(--border2);box-shadow:var(--glow-card);transform:translateY(-1px)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r);border:1px solid transparent;border-left:2px solid transparent;color:var(--text3);font-size:13px;font-weight:400;cursor:pointer;transition:all var(--t-fast);text-decoration:none}.nav-item:hover{background:#ffffff0a;color:var(--text2);border-left-color:#ffffff1a}.nav-item.active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-border);border-left-color:var(--gold);font-weight:600;box-shadow:0 0 12px #d4a01714}.data-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--r);transition:background var(--t-fast);cursor:pointer}.data-row:hover{background:var(--bg-card-hover)}.input-field{background:var(--bg-input);border:1px solid var(--border2);border-radius:var(--r);padding:8px 12px;color:var(--text);font-size:13px;outline:none;width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.input-field:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4a0171a}.input-field::placeholder{color:var(--text4)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05080fbf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeInFast .15s ease}.modal-box{background:var(--bg-elevated);border:1px solid var(--border2);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);animation:scaleIn .2s ease;max-height:90vh;overflow-y:auto}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.04em;font-family:var(--font-mono)}.badge-success{background:var(--success-dim);color:var(--success);border:1px solid var(--success-border)}.badge-danger{background:var(--danger-dim);color:var(--danger);border:1px solid var(--danger-border)}.badge-warning{background:var(--warning-dim);color:var(--warning);border:1px solid var(--warning-border)}.badge-info{background:var(--info-dim);color:var(--info);border:1px solid var(--info-border)}.badge-gold{background:var(--gold-dim);color:var(--gold);border:1px solid var(--gold-border)}.badge-muted{background:#ffffff0f;color:var(--text2);border:1px solid var(--border2)}.progress-track{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.val-pos{color:var(--success)}.val-neg{color:var(--danger)}.val-gold{color:var(--gold)}.val-warn{color:var(--warning)}.val-info{color:var(--info)}.val-neutral{color:var(--text2)}.recharts-cartesian-axis-tick text{fill:var(--text3)!important;font-size:10px!important;font-family:var(--font-mono)!important}.recharts-cartesian-grid line{stroke:#ffffff0a!important}.sidebar-logo-mark{box-shadow:0 0 20px #d4a01740}@media (max-width: 767px){:root{--sidebar-w: 240px;font-size:13px}html,body,#root{height:100%;overflow:hidden;overscroll-behavior:none}body{min-height:-webkit-fill-available}.kpi-card{padding:12px 14px}.modal-box{max-width:100%!important;max-height:95vh;border-radius:var(--r-xl) var(--r-xl) 0 0;margin-top:auto}input,select,textarea{font-size:16px!important}.data-row{padding:12px 14px;min-height:48px}button{min-height:36px}.nav-item.active{border-left:3px solid var(--gold)}}@media (hover: none){.card:hover{transform:none;box-shadow:var(--shadow-sm)}.kpi-card:hover,.card-lift:hover{transform:none}.btn-primary:hover{transform:none;box-shadow:0 2px 10px #d4a01738}}@supports (padding-top: env(safe-area-inset-top)){.mobile-topbar{padding-top:env(safe-area-inset-top)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}