:root{--violet: #755FC1;--violet-d: #4f3f8a;--violet-l: #9a86d8;--violet-xl: #d9d4ea;--violet-tint: #efecf9;--bg: #f6f5fb;--card: #ffffff;--ink: #2a2540;--muted: #736e88;--line: #ece9f5}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font-family:Outfit,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:600px;margin:0 auto;padding:18px 16px 34px}.head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{height:30px;width:auto;display:block}.brand h1{font-size:17px;font-weight:600;margin:0;line-height:1.15}.brand p{font-size:12px;color:var(--muted);margin:1px 0 0}.live{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--violet)}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.hero .lbl{font-size:13px;color:var(--muted);margin:0 0 6px}.hero .big{font-size:44px;font-weight:700;letter-spacing:-.02em;line-height:1.04;margin:0;color:var(--violet);font-variant-numeric:tabular-nums}.track{height:12px;background:var(--violet-tint);border-radius:8px;overflow:hidden;margin-top:14px}.fill{height:100%;background:var(--violet);border-radius:8px;transition:width .6s ease}.track-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:7px}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px}.kpi .lbl{font-size:12px;color:var(--muted);margin:0 0 4px}.kpi .val{font-size:20px;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.sec-title{font-size:14px;font-weight:600;margin:0 0 14px}.mrow{margin:0}.mrow+.mrow{border-top:.5px solid var(--line);margin-top:14px;padding-top:14px}.mhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}.mtoggle{display:inline-flex;align-items:center;gap:6px;padding:2px 0;margin:0;background:none;border:none;cursor:pointer;color:var(--muted);font-family:inherit;font-size:12px;line-height:1}.mtoggle:hover{color:var(--violet)}.chev{flex:none;transition:transform .2s ease}.chev.open{transform:rotate(180deg)}.mname{font-size:15px;font-weight:600}.mtot{font-size:15px;flex:none;white-space:nowrap;font-variant-numeric:tabular-nums}.mamt{font-weight:600;color:var(--ink)}.msub{color:var(--muted)}.opt{display:flex;align-items:center;gap:10px;margin:7px 0}.opt .on{font-size:13px;color:var(--ink);width:92px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obar{flex:1;height:9px;background:var(--violet-tint);border-radius:5px;overflow:hidden}.ofill{display:block;height:100%;background:var(--violet-l);border-radius:5px}.opieces{font-size:13px;color:var(--muted);width:78px;text-align:right;flex:none;font-variant-numeric:tabular-nums}.ovalrow{font-size:13px;flex:none;min-width:118px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.oamt{font-weight:600;color:var(--ink)}.osub{color:var(--muted)}.gstack{display:flex;height:18px;border-radius:7px;overflow:hidden;border:1px solid var(--line)}.glegend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:var(--muted)}.gleg{display:flex;align-items:center;gap:6px}.gdot{width:10px;height:10px;border-radius:3px;flex:none}.gnote{font-size:12px;color:var(--muted);margin:10px 0 0;font-style:italic}.days{display:flex;align-items:flex-end;gap:10px;min-height:150px;padding-top:6px}.day{flex:1;display:flex;flex-direction:column;align-items:center}.dv{font-size:11px;color:var(--muted);margin-bottom:5px;font-variant-numeric:tabular-nums}.dbar{width:100%;max-width:54px;background:var(--violet);border-radius:6px 6px 0 0}.dd{font-size:11px;color:var(--muted);margin-top:7px}.foot{text-align:center;font-size:11px;color:var(--muted);margin-top:16px}.state{text-align:center;color:var(--muted);padding:30px 0}@media (max-width: 380px){.kpis{grid-template-columns:1fr 1fr}.hero .big{font-size:38px}}
