@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
:root{--font-sans:"Poppins", system-ui, -apple-system, sans-serif;--font-display:"Poppins", system-ui, sans-serif;--arkho-navy-900:#233043;--arkho-navy:#2e3d53;--arkho-blue:#42536c;--arkho-blue-2:#526983;--arkho-blue-3:#5f7993;--arkho-green:#27b791;--arkho-green-2:#38e0a8;--arkho-deep:#144b82;--arkho-violet:#8d97c4;--arkho-teal:#5dbba0;--on-navy:#f4f6f8;--on-navy-2:#b4c0cf;--on-navy-3:#8fa1b6;--hl-bg:#fde68a;--hl-text:#233043;--info-on-navy:#7fa8d6;--navy-line:#ffffff1a;--navy-dot:#ffffff12;--bg:#f3f5f8;--bg-elev:#fff;--bg-soft:#eef1f5;--border:#dde3ea;--text:#233043;--text-2:#42536c;--text-3:#7d8ea3;--brand:#27b791;--brand-2:#1f9a79;--brand-soft:#e3f5ef;--accent:#144b82;--ok:#1f9a79;--ok-soft:#e3f5ef;--warn:#c98a1b;--warn-soft:#fbf1dc;--bad:#c2453b;--bad-soft:#f8e4e2;--info:#144b82;--info-soft:#e2ebf5;--muted:#5f7993;--muted-soft:#e8ecf1;--c1:#2e3d53;--c2:#27b791;--c3:#5f7993;--c4:#144b82;--c5:#8d97c4;--c6:#5dbba0;--radius:8px;--radius-sm:6px;--shadow:0 1px 2px #2330430f;--shadow-lg:0 8px 24px #2330431f;--sidebar-w:216px;--shell-bg:#e3e8ef;--shell-gap:10px;--shell-radius:14px;--hero-grad:linear-gradient(135deg, #233043 0%, #2e3d53 60%, #42536c 100%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1b2533;--shell-bg:#121a25;--hl-bg:#e2ad4a52;--hl-text:#f4f6f8;--bg-elev:#233043;--bg-soft:#2a384d;--border:#34445b;--text:#e8edf3;--text-2:#b4c0cf;--text-3:#7f90a6;--brand:#38e0a8;--brand-soft:#1f4440;--ok:#38e0a8;--ok-soft:#1f4440;--warn:#e2ad4a;--warn-soft:#463a22;--bad:#e2766b;--bad-soft:#4a2e30;--info:#7fa8d6;--info-soft:#253c58;--muted:#8fa1b6;--muted-soft:#2f3d52;--c1:#b4c0cf;--c4:#7fa8d6;--shadow:0 1px 2px #0000004d}}:root[data-theme=dark]{--bg:#1b2533;--shell-bg:#121a25;--hl-bg:#e2ad4a52;--hl-text:#f4f6f8;--bg-elev:#233043;--bg-soft:#2a384d;--border:#34445b;--text:#e8edf3;--text-2:#b4c0cf;--text-3:#7f90a6;--brand:#38e0a8;--brand-soft:#1f4440;--ok:#38e0a8;--ok-soft:#1f4440;--warn:#e2ad4a;--warn-soft:#463a22;--bad:#e2766b;--bad-soft:#4a2e30;--info:#7fa8d6;--info-soft:#253c58;--muted:#8fa1b6;--muted-soft:#2f3d52;--c1:#b4c0cf;--c4:#7fa8d6;--shadow:0 1px 2px #0000004d}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.005em;margin:0}.app-shell{gap:var(--shell-gap);min-height:100dvh;padding:var(--shell-gap);background:var(--shell-bg);display:flex}.sidebar{top:var(--shell-gap);height:calc(100vh - 2 * var(--shell-gap));height:calc(100dvh - 2 * var(--shell-gap));border-radius:var(--shell-radius);box-shadow:var(--shadow-lg);width:var(--sidebar-w);background:var(--arkho-navy-900);color:#ffffffb8;border:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:1px;padding:14px 10px;display:flex;position:sticky;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:9px;margin-bottom:4px;padding:2px 8px 14px;display:flex}.sidebar-logo{color:var(--arkho-green);place-items:center;display:grid}.sidebar-brand b{font-family:var(--font-display);color:#fff;font-size:13px;font-weight:600;line-height:1.2;display:block}.sidebar-brand small{color:#ffffff80;font-size:10.5px;line-height:1.2;display:block}.nav-link{color:#ffffffb8;border-radius:5px;align-items:center;gap:9px;height:32px;padding:0 10px;font-size:12.5px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.nav-link svg{opacity:.8;flex-shrink:0}.nav-link:hover{color:#fff;background:#ffffff0f}.nav-link[data-active=true]{color:#fff;background:#ffffff14}.nav-link[data-active=true]:before{content:"";background:var(--arkho-green-2);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-10px}.nav-link[data-active=true] svg{color:var(--arkho-green-2);opacity:1}.nav-section{letter-spacing:.06em;text-transform:uppercase;color:#fff6;padding:14px 10px 5px;font-size:10.5px;font-weight:600}.sidebar-foot{color:#ffffff73;border-top:1px solid #ffffff14;margin-top:auto;padding:10px 10px 2px;font-size:11px;line-height:1.4}.sidebar-foot a{color:var(--arkho-green-2);font-weight:500}.theme-toggle{background:#ffffff0f;border-radius:6px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:8px 0;padding:2px;display:grid}.sidebar .theme-toggle button span{display:none}.theme-toggle button{color:#ffffff8c;height:24px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:4px;font-size:10.5px;display:inline-flex}.theme-toggle button:hover{color:#fff}.theme-toggle button[aria-checked=true]{color:#fff;background:#ffffff1f}.theme-toggle button[aria-checked=true] svg{color:var(--arkho-green-2)}.theme-toggle button:focus-visible{outline:2px solid var(--arkho-green-2);outline-offset:1px}.sidebar-foot a:hover{text-decoration:underline}.sidebar-logout{border-top:1px solid var(--navy-line);color:var(--on-navy-3);align-items:center;gap:8px;margin:0 0 6px;padding-top:8px;font-size:11px;display:flex}.sidebar-avatar{background:var(--arkho-green);width:26px;height:26px;color:var(--arkho-navy-900);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:grid}.sidebar-logout .who{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.sidebar-logout .who b,.sidebar-logout .who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-logout .who b{color:var(--on-navy);font-size:12px;font-weight:500}.sidebar-logout .who small{font-size:10.5px}.sidebar-logout button{border:1px solid var(--navy-line);width:28px;height:28px;color:var(--on-navy-2);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.sidebar-logout button:hover{color:var(--on-navy);border-color:var(--on-navy-3)}.sidebar-logout button:focus-visible{outline:2px solid var(--arkho-green-2);outline-offset:1px}.sidebar-logout button:disabled{opacity:.6;cursor:progress}@media (max-width:760px){.sidebar-logout{border-top:0;margin:0 6px 0 0;padding-top:0}.sidebar-logout .who,.sidebar-avatar{display:none}}.main{background:var(--bg);border:1px solid var(--border);border-radius:var(--shell-radius);min-width:0;box-shadow:var(--shadow);flex:1;overflow:clip}.page{max-width:1440px;margin:0 auto;padding:18px 22px 36px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.page-header h1{font-size:20px;font-weight:600;line-height:1.25}.page-header p{color:var(--text-2);margin:2px 0 0;font-size:12.5px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 14px}.card-title{font-size:13px;font-weight:600;font-family:var(--font-display);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 8px;margin:0 0 10px;display:flex}.card{min-width:0}.card-sub{color:var(--text-3);font-size:11.5px;font-weight:400}.grid{gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.kpi{flex-direction:column;gap:4px;display:flex}.kpi-label{color:var(--text-2);align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.kpi-value{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.15}.kpi-delta{font-size:11.5px;font-weight:500}.kpi-delta[data-trend=up]{color:var(--ok)}.kpi-delta[data-trend=down]{color:var(--bad)}.kpi-delta[data-trend=flat]{color:var(--text-3)}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:11px;font-weight:500;line-height:1.45;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.badge[data-tone=ok]{background:var(--ok-soft);color:var(--ok)}.badge[data-tone=warn]{background:var(--warn-soft);color:#9a6510}.badge[data-tone=bad]{background:var(--bad-soft);color:var(--bad)}.badge[data-tone=info]{background:var(--info-soft);color:var(--info)}.badge[data-tone=muted]{background:var(--muted-soft);color:var(--muted)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .badge[data-tone=warn]{color:var(--warn)}}:root[data-theme=dark] .badge[data-tone=warn]{color:var(--warn)}.progress{background:var(--bg-soft);border-radius:3px;height:6px;position:relative;overflow:hidden}.progress>span{border-radius:inherit;background:var(--brand);height:100%;display:block}.progress>i{background:var(--text);opacity:.5;width:2px;position:absolute;top:-2px;bottom:-2px}.table{border-collapse:collapse;width:100%;font-size:12.5px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);border-bottom:1px solid var(--border);background:var(--bg-soft);white-space:nowrap;padding:7px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:7px 10px}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--bg-soft)}.num{font-variant-numeric:tabular-nums;text-align:right}.btn{border:1px solid var(--border);background:var(--bg-elev);height:30px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:0 11px;font-family:inherit;font-size:12.5px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--text-3);background:var(--bg-soft)}.btn-primary{background:var(--arkho-navy);border-color:var(--arkho-navy);color:#fff}.btn-primary:hover{background:var(--arkho-navy-900);border-color:var(--arkho-navy-900);color:#fff}.chip{background:var(--bg-soft);color:var(--text-2);border:1px solid var(--border);border-radius:4px;padding:1px 7px;font-size:11px;display:inline-flex}.avatar{color:#fff;background:var(--arkho-blue);border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:inline-grid}.hero{border-radius:var(--radius);color:#fff;background:var(--arkho-navy-900);border:1px solid var(--arkho-navy-900);padding:16px 18px;position:relative;overflow:hidden}.muted{color:var(--text-2)}.tiny{color:var(--text-3);font-size:11.5px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{background:var(--brand);border-color:var(--brand);color:var(--arkho-navy-900)}:root:not([data-theme=light]) .btn-primary:hover{filter:brightness(.95);color:var(--arkho-navy-900)}:root:not([data-theme=light]) .hero{border-color:var(--border);background:#1f2a3b}:root:not([data-theme=light]) .sidebar{background:#172030}}:root[data-theme=dark] .btn-primary{background:var(--brand);border-color:var(--brand);color:var(--arkho-navy-900)}:root[data-theme=dark] .btn-primary:hover{filter:brightness(.95);color:var(--arkho-navy-900)}:root[data-theme=dark] .hero{border-color:var(--border);background:#1f2a3b}:root[data-theme=dark] .sidebar{background:#172030}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){:root{--shell-gap:8px;--shell-radius:12px}.app-shell{flex-direction:column}.sidebar{top:var(--shell-gap);z-index:30;flex-direction:row;align-items:center;gap:2px;width:100%;height:auto;padding:6px 8px;overflow:auto hidden}.sidebar-brand,.nav-section{display:none}.nav-link{justify-content:center;gap:0;height:34px;padding:0 10px;font-size:0}.nav-link svg{width:17px;height:17px}.sidebar-foot{border:0;align-items:center;margin:0 0 0 auto;padding:0;font-size:0;display:flex}.sidebar-foot>:not(.theme-toggle):not(.sidebar-logout){display:none}.theme-toggle{flex-shrink:0;width:84px;margin:0}.theme-toggle span{display:none}.nav-link{white-space:nowrap}.nav-link[data-active=true]:before{border-radius:2px 2px 0 0;width:auto;height:2px;inset:auto 8px 0}.page{padding:14px 14px 32px}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}}.analyst-app{height:calc(100vh - 2 * var(--shell-gap) - 2px);height:calc(100dvh - 2 * var(--shell-gap) - 2px)}@media (max-width:760px){.analyst-app{height:calc(100dvh - 44px - 3 * var(--shell-gap) - 2px)}}