@import url("https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Inter:wght@400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;:root{--teal:#0d9e9e;--teal-dim:#0a7b7b;--teal-glow:rgba(13,158,158,.15);--teal-pale:rgba(13,158,158,.08);--bg:#0b1120;--bg-card:#141e2e;--bg-card2:#1a2540;--bg-hover:#1e2d42;--border:#263450;--border-dim:#1e2a3e;--text:#f0f4fa;--muted:#8a9bb5;--muted2:#5c6e88;--green:#10b981;--green-dim:rgba(16,185,129,.12);--amber:#f59e0b;--amber-dim:rgba(245,158,11,.12);--red:#ef4444;--red-dim:rgba(239,68,68,.12);--blue:#3b82f6;--blue-dim:rgba(59,130,246,.12);--purple:#8b5cf6;--nav-w:60px;--side-w:220px;--right-w:300px;--head-h:60px;--radius:14px}.light{--teal:#0a8a8a;--teal-dim:#076666;--teal-glow:rgba(10,138,138,.12);--teal-pale:rgba(10,138,138,.08);--bg:#f0f4f8;--bg-card:#fff;--bg-card2:#f7fafc;--bg-hover:#ebf2f8;--border:#d0dce8;--border-dim:#e2ebf4;--text:#1a2b3c;--muted:#5e7285;--muted2:#90a4b4;--green:#0b7a54;--green-dim:rgba(11,122,84,.1);--amber:#9a5500;--amber-dim:rgba(154,85,0,.1);--red:#c0302a;--red-dim:rgba(192,48,42,.1);--blue:#1a58a8;--blue-dim:rgba(26,88,168,.1)}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.alert-card-base,.card-base,.drop-zone,.nav-rail,.right-panel,.sidebar,.topbar{transition:background .3s,border-color .3s,color .3s}.font-syne{font-family:Syne,sans-serif}.font-mono{font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.font-sans{font-family:DM Sans,sans-serif}.text-num{font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.text-heading{font-family:Syne,sans-serif;letter-spacing:-.03em}.text-label{font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.text-mono{font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.card-base{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;background:hsla(0,0%,100%,.02)}.tbl td,.tbl th{border-bottom:1px solid var(--border-dim)}.tbl td{padding:11px 12px;font-size:12.5px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.tbl-row:hover td{background:var(--bg-hover);cursor:pointer}.rbar{display:flex;align-items:center;gap:6px}.rbar-bg{flex:1 1;height:5px;background:var(--border);border-radius:3px;overflow:hidden}.rbar-fill{height:100%;border-radius:3px}.rnum{font-family:Inter,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:11px;color:var(--muted);min-width:24px;text-align:right}.bdg,.rnum{font-weight:700}.bdg{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;padding:3px 8px;border-radius:20px}.bdg:before{content:"●";font-size:7px}.bdg-green{background:var(--green-dim);color:var(--green)}.bdg-amber{background:var(--amber-dim);color:var(--amber)}.bdg-red{background:var(--red-dim);color:var(--red)}.bdg-blue{background:var(--blue-dim);color:var(--blue)}.bdg-gray{background:hsla(0,0%,100%,.05);color:var(--muted)}.av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0}.form-input{width:100%;padding:9px 12px;background:var(--bg-card2);border:1.5px solid var(--border);border-radius:8px;font-size:13px;font-family:DM Sans,sans-serif;color:var(--text);outline:none;transition:border .15s}.form-input:focus{border-color:var(--teal)}.form-input option{background:var(--bg-card)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;border:none;font-family:DM Sans,sans-serif;text-decoration:none}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dim)}.btn-ghost{background:var(--bg-card);color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--muted)}.alert-card-base{background:var(--bg-card);border-radius:12px;padding:14px 16px;display:flex;gap:12px;cursor:pointer;transition:all .15s;border:1px solid var(--border);border-left:3px solid}.alert-card-base:hover{background:var(--bg-hover);transform:translateX(2px)}.alert-card-red{border-left-color:var(--red)}.alert-card-amber{border-left-color:var(--amber)}.alert-card-blue{border-left-color:var(--blue)}.drop-zone{border:2px dashed rgba(13,158,158,.3);border-radius:14px;padding:44px;text-align:center;background:var(--teal-pale);cursor:pointer;transition:all .2s}.drop-zone:hover{border-color:var(--teal);background:rgba(13,158,158,.1)}.drop-zone.drag-over{border-color:var(--teal);background:rgba(13,158,158,.15)}.toggle{width:38px;height:20px;background:var(--border);border-radius:10px;cursor:pointer;position:relative;transition:background .2s;flex-shrink:0;border:none}.toggle.on{background:var(--teal)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s}.toggle.on:after{transform:translateX(18px)}.theme-btn{width:54px;height:28px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg-card2);cursor:pointer;position:relative;padding:3px;transition:background .3s,border-color .3s;flex-shrink:0}.theme-btn,.theme-thumb{display:flex;align-items:center}.theme-thumb{width:20px;height:20px;border-radius:50%;background:var(--teal);justify-content:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.light .theme-thumb{transform:translateX(26px)}.insight-card{background:var(--bg-card2);border:1px solid rgba(13,158,158,.2);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.insight-card:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:var(--teal-glow);border-radius:50%;filter:blur(20px)}.kpi-teal:after{background:var(--teal)!important}.kpi-green:after{background:var(--green)!important}.kpi-amber:after{background:var(--amber)!important}.kpi-red:after{background:var(--red)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .2s ease}.pay-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pay-dot-green{background:var(--green)}.pay-dot-amber{background:var(--amber)}.pay-dot-red{background:var(--red)}.row-line{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--border-dim)}.row-line:last-child{border-bottom:none}.topbar-bg{background:rgba(11,17,32,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-bg{background:rgba(11,17,32,.55)}.right-panel-bg{background:rgba(11,17,32,.35)}.light body{background:var(--bg);color:var(--text)}.light .topbar-bg{background:rgba(240,244,248,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.light .sidebar-bg{background:hsla(0,0%,100%,.85)}.light .right-panel-bg{background:rgba(248,251,255,.92)}.light .card-base{background:var(--bg-card);border-color:var(--border)}.light .insight-card{background:#fff;border-color:rgba(10,138,138,.15)}.light .tbl th{background:rgba(0,0,0,.02)}.light .tbl tr.tbl-row:hover td{background:var(--bg-hover)}.light .form-input{background:var(--bg-card2);border-color:var(--border);color:var(--text)}.light .form-input:focus{border-color:var(--teal)}.light .form-input option{background:var(--bg-card);color:var(--text)}.light .btn-ghost{background:var(--bg-card);border-color:var(--border);color:var(--muted)}.light .btn-ghost:hover{color:var(--text);border-color:var(--muted)}.light .alert-card-base{background:var(--bg-card);border-color:var(--border)}.light .alert-card-base:hover{background:var(--bg-hover)}.light .drop-zone{background:var(--teal-pale);border-color:rgba(10,138,138,.25)}.light .drop-zone:hover{background:rgba(10,138,138,.08);border-color:var(--teal)}.light .toggle{background:var(--border)}.light .toggle.on{background:var(--teal)}.light .theme-btn{background:var(--bg-card2);border-color:var(--border)}.light .nav-rail{background:var(--bg-card);border-right-color:var(--border);box-shadow:2px 0 8px rgba(0,0,0,.05)}.light .search-bar{background:var(--bg-card);border-color:var(--border)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}@media (max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}.desktop-search{display:flex!important}.mobile-search{display:none!important}@media (max-width:767px){.desktop-search{display:none!important}.mobile-search{display:flex!important}}