:root{--cyan: #3ec8f0;--cyan-2: #2ad4c8;--navy: #12203a;--navy-2: #1b2e52;--ink: #e8eef8;--steel: #7a8aa3;--mist: #c5d0e0;--paper: #ffffff;--canvas: #d5e0ee;--frost: #eef3f9;--up: #2ad4c8;--down: #8ea0b8;--green: #3ec8f0;--shadow: 0 22px 50px -18px rgba(18, 32, 58, .22);--font: "Outfit", ui-sans-serif, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--radius: 28px;--pill: 999px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{overflow-x:clip}body{font-family:var(--font);color:var(--navy);background:var(--canvas)}body:before{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;background:radial-gradient(40% 50% at 12% 18%,rgba(62,200,240,.28),transparent 60%),radial-gradient(35% 45% at 88% 8%,rgba(42,212,200,.2),transparent 55%),radial-gradient(50% 40% at 70% 90%,rgba(18,32,58,.12),transparent 60%);animation:mesh 18s ease-in-out infinite alternate}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}@keyframes mesh{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-2%,1.5%,0) scale(1.05)}}button,select{font:inherit}.app{position:relative;z-index:2;display:grid;grid-template-rows:auto 1fr;min-height:100dvh;max-width:1400px;margin:0 auto;padding:14px 16px 24px}.topbar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px #ffffffb3,var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;margin-bottom:14px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img.mark{width:42px;height:42px;border-radius:12px;object-fit:cover}.brand img.word{height:28px;width:auto;max-width:168px;object-fit:contain}.top-nav{display:flex;flex:1;gap:4px;overflow-x:auto}.top-nav button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--steel);padding:8px 12px;border-radius:var(--pill);cursor:pointer;white-space:nowrap;min-height:40px;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease,color .2s ease}.top-nav button:hover{background:#12203a0f}.top-nav button.on{background:var(--navy);color:#fff;font-weight:600}.top-nav button:active{transform:scale(.98)}.topbar .period{margin-left:auto}aside{display:none;background:var(--paper);color:var(--navy);padding:22px 14px;flex-direction:column;gap:28px}aside nav{display:grid;gap:4px}aside nav button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:var(--navy-2);text-align:left;padding:10px 12px;border-radius:12px;cursor:pointer}aside nav button.on{background:var(--navy);color:#fff;font-weight:600}.main{min-width:0}.top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.units,.period{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.units button,.period button{border:1px solid rgba(18,32,58,.08);background:#ffffffb8;color:var(--navy-2);border-radius:var(--pill);padding:8px 14px;min-height:40px;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s ease}.units button.on,.period button.on{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}.units button:active,.period button:active{transform:scale(.98)}.period select{border:1px solid rgba(18,32,58,.08);background:#ffffffb8;border-radius:10px;padding:8px 10px;min-height:40px;color:var(--navy)}.crumb{margin:4px 0 14px}.crumb h1{margin:0;font-size:clamp(22px,3vw,30px);letter-spacing:-.04em;line-height:1.15}.crumb p{margin:6px 0 0;color:var(--steel);font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pill-live,.pill-wait{display:inline-flex;align-items:center;gap:6px;border-radius:var(--pill);padding:3px 10px;font-size:12px}.pill-live{background:#2ad4c82e;color:var(--navy);font-weight:600}.pill-live:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--cyan-2);animation:pulse 1.8s ease-in-out infinite}.pill-wait{background:#ffffffb3;border:1px solid var(--mist);color:var(--steel)}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}.dash{display:grid;grid-template-columns:1.05fr 1.55fr 1fr;gap:14px;animation:rise .6s cubic-bezier(.16,1,.3,1) both}@keyframes rise{0%{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}.tile{background:#ffffffc7;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:inset 0 1px #ffffffbf,var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 18px;min-width:0}.tile header{margin-bottom:8px}.tile header h2{margin:0;font-size:16px;letter-spacing:-.03em}.tile header p,.tile>p{margin:0;color:var(--steel);font-size:12px}.tile>strong{display:block;font-family:var(--mono);font-size:clamp(26px,4vw,36px);letter-spacing:-.04em;margin:6px 0 4px;font-variant-numeric:tabular-nums}.tile-dark{background:linear-gradient(165deg,#1b2e52,#0f1b33);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1f,var(--shadow)}.tile-dark header h2,.tile-dark header p,.tile-dark>p,.tile-dark small{color:#9eb0c9}.tile-dark>strong{color:#fff}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 10px}.mini-kpis span{display:block;font-size:11px;color:#9eb0c9}.mini-kpis b{font-family:var(--mono);font-size:14px}.goal-line{display:flex;justify-content:space-between;margin:16px 0 6px;font-size:13px}.year-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.year-list li{display:flex;justify-content:space-between;font-size:15px}.year-list .now b{color:var(--cyan)}.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.kpi,.card{background:#ffffffc7;border:1px solid rgba(255,255,255,.8);border-radius:var(--radius);box-shadow:inset 0 1px #ffffffbf,var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:16px 18px}.kpi{grid-column:span 3}.kpi.warn{outline:2px solid rgba(18,32,58,.18)}.kpi p,.card header p,.hint{margin:0;color:var(--steel);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hint{text-transform:none;letter-spacing:0;margin-top:8px}.kpi strong{display:block;margin:6px 0 2px;font-family:var(--mono);font-size:clamp(20px,3vw,26px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kpi small{color:var(--steel);font-size:12px}.card{min-width:0}.card header{margin-bottom:10px}.card h2{margin:0;font-size:16px;color:var(--navy)}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.chart,.donut{width:100%;height:auto}.chart.daily{overflow:visible}.spark{display:flex;align-items:flex-end;gap:3px;height:28px;margin-top:10px}.spark span{flex:1;background:linear-gradient(180deg,var(--cyan),var(--cyan-2));opacity:.9;border-radius:2px 2px 0 0;min-height:2px}.donut-wrap{display:grid;grid-template-columns:140px minmax(0,1fr);gap:8px;align-items:center}.legend{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:12px}.legend li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center}.legend i{width:8px;height:8px;border-radius:99px}.bars{display:grid;gap:8px}.row{display:grid;grid-template-columns:minmax(72px,110px) 1fr minmax(64px,90px) 42px;gap:8px;align-items:center;font-size:13px}.track{height:8px;background:var(--frost);border-radius:99px;overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--cyan-2))}.row.warn .track i{background:var(--steel)}.up{color:var(--up)}.down{color:var(--down)}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:520px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums;font-family:var(--mono)}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--frost);white-space:nowrap}th{color:var(--steel);font-family:var(--font);font-weight:600;font-size:11px;letter-spacing:.125em;text-transform:uppercase}tr.now td{background:#3ec8f01f;font-weight:600}.alerts{margin:12px 0 0;padding:0;list-style:none;color:var(--navy-2);font-size:13px;display:grid;gap:4px}.ok{color:var(--up);font-size:13px}.hourly-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.hourly{display:grid;grid-template-columns:repeat(24,minmax(18px,1fr));gap:4px;height:140px;align-items:end;min-width:560px}.hcol{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:4px}.hcol span{background:linear-gradient(180deg,var(--cyan),var(--cyan-2));border-radius:3px 3px 0 0;min-height:2px}.hcol em{font-style:normal;font-size:9px;color:var(--steel);text-align:center;height:12px}.mini .track{width:90px}.geo-map{height:min(380px,58vw);min-height:220px;border-radius:16px;overflow:hidden;background:var(--frost)}.click{cursor:pointer}tr.click:hover td,.row.click:hover{background:#3ec8f01a}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#12203a73;z-index:40;display:flex;justify-content:flex-end}.drawer{width:min(420px,100%);height:100%;background:var(--paper);border-left:1px solid var(--mist);padding:22px;overflow:auto}.drawer h2{margin:8px 0 6px}.drawer .x{border:0;background:transparent;color:var(--steel);cursor:pointer;min-height:40px}.drawer dl{display:grid;gap:10px}.drawer dt{color:var(--steel);font-size:11px;text-transform:uppercase;letter-spacing:.125em}.drawer dd{margin:2px 0 0}.drawer ul{padding-left:16px}.tv{background:linear-gradient(165deg,#1b2e52,#0f1b33);color:#fff;border-radius:24px;padding:28px;min-height:70dvh}.tv p{color:#9eb0c9}.tv ol{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}.tv li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:clamp(16px,3vw,22px)}.tv b{color:var(--cyan)}.tv em{font-style:normal;font-family:var(--mono);font-variant-numeric:tabular-nums}.body{color:var(--steel);max-width:62ch}.mob-top,.dock,.scrim,.burger{display:none}::selection{background:#3ec8f047;color:var(--navy)}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(max-width:1100px){.dash{grid-template-columns:1fr 1fr}.tile-inflow,.tile-compare{grid-column:1 / -1}.kpi{grid-column:span 6}.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 12}.donut-wrap{grid-template-columns:1fr}}@media(max-width:800px){.app{padding:0 0 24px;max-width:none}.topbar{display:none}.dash{grid-template-columns:1fr}.tile-inflow,.tile-compare{grid-column:auto}.main{padding:12px 12px calc(100px + env(safe-area-inset-bottom))}.mob-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 10px;padding-top:max(8px,env(safe-area-inset-top));background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,32,58,.06);position:sticky;top:0;z-index:30}.mob-top img{height:28px;width:auto;justify-self:center}.mob-top strong{text-align:center;font-size:14px}.burger{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:var(--navy)}aside{display:flex;position:fixed;inset:0 auto 0 0;width:min(280px,86vw);z-index:50;transform:translate(-105%);transition:transform .22s cubic-bezier(.16,1,.3,1);overflow:auto;box-shadow:var(--shadow)}.app.menu-open aside{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#12203a73;z-index:40}.dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:35;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(18,32,58,.06);padding:6px 4px max(10px,env(safe-area-inset-bottom))}.dock button{border:0;background:transparent;color:var(--steel);display:grid;justify-items:center;gap:2px;font-size:10px;padding:6px 0;min-height:48px}.dock button.on{color:var(--navy);font-weight:600}.drawer{width:100%}.tv{padding:18px;min-height:60dvh;border-radius:16px}}@media(max-width:640px){.kpi{grid-column:span 12}table.rank{min-width:0}table.rank th:nth-child(n+4),table.rank td:nth-child(n+4){display:none}table{min-width:420px}.row{grid-template-columns:1fr auto;grid-template-areas:"name value" "bar pct"}.row span:first-child{grid-area:name}.row .track{grid-area:bar;grid-column:1 / -1}.row b{grid-area:value;justify-self:end}.row em{grid-area:pct;justify-self:end}.mini .track{width:100%}.geo-map{height:240px}}@media(prefers-reduced-motion:reduce){aside,.top-nav button,.units button,.period button{transition:none}body:before,.pill-live:before,.dash{animation:none}}