@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Hanken+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");:root{--brel-blue:#2A68F7;--brel-blue-press:#1D4FD0;--brel-blue-deep:#1A40A8;--brel-blue-200:#B6CCFF;--brel-blue-100:#D9E4FF;--brel-blue-50:#EEF3FF;--brel-navy:#0A1228;--brel-navy-2:#111D42;--brel-navy-3:#1A2A5A;--on-navy-muted:rgba(235,240,255,.64);--on-navy-faint:rgba(235,240,255,.40);--corner-sm:22px;--corner-md:56px;--corner-lg:120px;--clip-flag:polygon(0 0,100% 0,52% 50%,100% 100%,0 100%);--ink:#1C1C1C;--ink-pure:#111113;--n-900:#1C1C1C;--n-700:#3F4047;--n-500:#6B6E76;--n-400:#9A9DA6;--n-300:#C9CCD3;--n-200:#E4E6EC;--n-100:#F1F2F6;--n-50:#F8F9FB;--white:#FFFFFF;--success:#1F9D6B;--success-bg:#E7F6EF;--warning:#C9851A;--warning-bg:#FBF1DE;--error:#D6362F;--error-bg:#FBE9E8;--info:var(--brel-blue);--info-bg:var(--brel-blue-50);--fg1:var(--ink);--fg2:var(--n-500);--fg3:var(--n-400);--fg-on-blue:#FFFFFF;--bg1:var(--white);--bg2:var(--n-50);--bg3:var(--n-100);--border:var(--n-200);--border-strong:var(--n-300);--font-display:"Archivo",system-ui,-apple-system,sans-serif;--font-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--font-mono:"Space Mono",ui-monospace,"SF Mono",monospace;--fs-display:clamp(48px,7vw,96px);--fs-h1:clamp(36px,5vw,60px);--fs-h2:clamp(28px,3.4vw,42px);--fs-h3:28px;--fs-h4:21px;--fs-lead:20px;--fs-body:16px;--fs-sm:14px;--fs-xs:12px;--fs-eyebrow:13px;--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--sh-sm:0 1px 2px rgba(17,17,19,.06),0 1px 3px rgba(17,17,19,.05);--sh-md:0 4px 12px rgba(17,17,19,.07),0 2px 4px rgba(17,17,19,.05);--sh-lg:0 18px 40px rgba(17,17,19,.10),0 4px 12px rgba(17,17,19,.06);--sh-blue:0 10px 28px rgba(42,104,247,.30);--ease:cubic-bezier(.22,.61,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur:220ms;--sidebar-w:256px;--topbar-h:64px;--maxw:1280px}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:var(--fs-body);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}input,select,textarea{font-family:inherit}::selection{background:var(--brel-blue);color:#fff}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--n-400);background-clip:content-box}.display{font-size:var(--fs-display);line-height:.96;letter-spacing:-.03em}.display,.h1{font-family:var(--font-display);font-weight:800;text-wrap:balance}.h1{font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.02em}.h2{font-size:var(--fs-h2);line-height:1.06;letter-spacing:-.015em}.h2,.h3{font-family:var(--font-display);font-weight:700}.h3{font-size:var(--fs-h3);line-height:1.15;letter-spacing:-.01em}.h4{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h4);line-height:1.25}.lead{font-size:var(--fs-lead);color:var(--fg2)}.lead,.sm{line-height:1.5}.sm{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.01em}.eyebrow{font-weight:600;font-size:var(--fs-eyebrow);letter-spacing:.16em;text-transform:uppercase}.accent,.eyebrow{color:var(--brel-blue)}.muted{color:var(--fg2)}.faint{color:var(--fg3)}.flag{display:inline-block;flex:none;width:9px;height:9px;background:currentColor;-webkit-clip-path:var(--clip-flag);clip-path:var(--clip-flag);transform:scaleX(-1)}.btn{font-family:var(--font-body);font-weight:600;font-size:15px;border-radius:8px 8px var(--corner-sm) 8px;padding:12px 24px;border:1.5px solid transparent;display:inline-flex;align-items:center;gap:9px;justify-content:center;transition:all var(--dur) var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn .flag{transition:transform var(--dur) var(--ease)}.btn:hover .flag{transform:scaleX(-1) translateX(3px)}.btn-primary{background:var(--brel-blue);color:#fff}.btn-primary:hover{background:var(--brel-blue-press);box-shadow:var(--sh-blue)}.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{background:#000}.btn-navy{background:var(--brel-navy);color:#fff}.btn-navy:hover{background:var(--brel-navy-2)}.btn-outline{background:#fff;color:var(--ink);border-color:var(--n-300)}.btn-outline:hover{border-color:var(--ink)}.btn-ghost{background:transparent;color:var(--n-700)}.btn-ghost:hover{background:var(--n-100)}.btn-sm{padding:8px 16px;font-size:13.5px;border-radius:6px 6px 16px 6px}.btn-lg{padding:15px 30px;font-size:16px}.btn-block{width:100%}.btn-on-navy{background:#fff;color:var(--brel-navy)}.btn-on-navy:hover{background:var(--brel-blue-50)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12.5px;font-weight:600;color:var(--n-700)}.input{font-size:15px;padding:12px 14px;border:1.5px solid var(--n-300);border-radius:8px 8px var(--corner-sm) 8px;background:#fff;color:var(--ink);outline:none;transition:border var(--dur),box-shadow var(--dur);width:100%}.input::placeholder{color:var(--n-400)}.input:focus{border-color:var(--brel-blue);box-shadow:0 0 0 3px var(--brel-blue-50)}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg{position:absolute;left:13px;color:var(--n-400);pointer-events:none}.input-icon>.input{padding-left:40px}.badge{font-size:12px;font-weight:600;padding:4px 11px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.badge svg{width:13px;height:13px}.b-blue{background:var(--brel-blue-50);color:var(--brel-blue-deep)}.b-ink{background:var(--ink);color:#fff}.b-ok{background:var(--success-bg);color:var(--success)}.b-warn{background:var(--warning-bg);color:var(--warning)}.b-err{background:var(--error-bg);color:var(--error)}.b-out{background:#fff;border:1.5px solid var(--n-300);color:var(--n-700)}.b-navy{background:var(--brel-navy);color:#fff}.card{background:#fff;border:1px solid var(--border);border-radius:16px 16px var(--corner-md) 16px;padding:24px;transition:box-shadow var(--dur),border-color var(--dur)}.card-tight{padding:18px}.card-flat{background:var(--n-50);border-color:transparent}.card-hover:hover{box-shadow:var(--sh-md);border-color:var(--n-300)}.container{max-width:var(--maxw);margin:0 auto;padding-left:40px;padding-right:40px}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:24px}.gap-6{gap:32px}.between{justify-content:space-between}.center{justify-content:center}.wrap{flex-wrap:wrap}.grow{flex:1 1}.hairline{height:1px;background:var(--border);border:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wordSwap{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes growBar{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.fade-up{animation:fadeUp .6s var(--ease-out) both}.fade-in{animation:fadeIn .5s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--n-50)}.sidebar{background:var(--brel-navy);color:#fff;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px;overflow:hidden}.sidebar-mark{position:absolute;right:-90px;bottom:-90px;width:320px;height:320px;-webkit-mask:url(/brand/brel-mark.png) center/contain no-repeat;mask:url(/brand/brel-mark.png) center/contain no-repeat;background:rgba(42,104,247,.14);pointer-events:none}.nav-group-label{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--on-navy-faint);padding:0 12px;margin:18px 0 8px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px 8px 16px 8px;color:var(--on-navy-muted);font-size:14.5px;font-weight:500;transition:background var(--dur),color var(--dur);position:relative;z-index:1}.nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.nav-item.active{background:var(--brel-blue);color:#fff;box-shadow:var(--sh-blue)}.nav-item svg{width:18px;height:18px;flex:none}.topbar{height:var(--topbar-h);background:rgba(255,255,255,.85);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:20px;padding:0 28px}.topbar-search{flex:1 1;max-width:420px}.content{padding:28px;max-width:1340px;margin:0 auto;width:100%}.page-head{margin-bottom:24px}.kpi{background:#fff;border:1px solid var(--border);border-radius:14px 14px 40px 14px;padding:20px 22px;position:relative;overflow:hidden}.kpi .kpi-label{font-size:12.5px;color:var(--n-500);font-weight:600;display:flex;align-items:center;gap:8px}.kpi .kpi-value{font-family:var(--font-display);font-weight:800;font-size:32px;letter-spacing:-.02em;margin:10px 0 6px;line-height:1}.kpi .kpi-delta{font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.delta-up{color:var(--success)}.delta-down{color:var(--error)}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl thead th{text-align:left;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--n-500);font-weight:600;padding:0 16px 12px;border-bottom:1px solid var(--border)}.tbl tbody td{padding:15px 16px;border-bottom:1px solid var(--n-100);vertical-align:middle}.tbl tbody tr{transition:background .14s}.tbl tbody tr:hover{background:var(--n-50);cursor:pointer}.tbl tbody tr:last-child td{border-bottom:none}.tbl .num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tbl .num,th.num{text-align:right}.grade{width:26px;height:26px;border-radius:7px 7px 12px 7px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:700;font-size:13px;color:#fff}.ring{place-items:center}.ring,.ring>.ring-in{border-radius:50%;display:grid}.ring>.ring-in{background:#fff;place-items:center}.bars{display:flex;align-items:flex-end;gap:7px;height:150px}.bars .bar{flex:1 1;background:var(--brel-blue-100);border-radius:4px 4px 0 0;transform-origin:bottom;animation:growBar .6s var(--ease-out) both;position:relative}.bars .bar.hot{background:var(--brel-blue)}.track{height:8px;background:var(--n-100);overflow:hidden}.track,.track>span{border-radius:999px}.track>span{display:block;height:100%}.stack{display:flex;height:12px;border-radius:999px;overflow:hidden}.chip{font-size:13px;font-weight:600;padding:7px 14px;border-radius:7px 7px 16px 7px;border:1px solid var(--n-200);background:#fff;color:var(--n-700);transition:all .16s}.chip:hover{border-color:var(--n-300)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.grid-kpi{grid-template-columns:repeat(4,1fr);grid-gap:16px}.grid-2,.grid-kpi{display:grid;gap:16px}.grid-2{grid-template-columns:1fr 1fr;grid-gap:16px}.grid-3{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1100px){.grid-kpi{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}}