:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;--orange:#f26822;--orange-d:#d95014;--ink:#191f26;--muted:#76808b;--bg:#f5f6f7;--edge:#eceff1;--card:#fff;--green:#13876e;--red:#cd5353;--s:#f8ebe4;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #fdba7b;outline-offset:3px}.app-shell{min-height:100dvh;width:min(100%,540px);margin:0 auto;background:var(--bg);box-shadow:0 0 46px #1f293716;position:relative;padding-bottom:calc(92px + env(safe-area-inset-bottom))}.topbar{height:78px;display:flex;align-items:center;gap:12px;padding:16px 22px;background:#fff;border-bottom:1px solid var(--edge);position:sticky;top:0;z-index:8}.brand-mark{height:43px;width:43px;border-radius:14px;background:var(--orange);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:10px;box-shadow:0 7px 16px #f2682238}.bar{width:5px;border-radius:3px;background:white}.b1{height:10px}.b2{height:16px}.b3{height:23px}.brand-copy{display:flex;flex-direction:column;gap:3px;letter-spacing:-.02em}.brand-copy strong{font-size:15px;letter-spacing:.065em}.brand-copy strong span{color:var(--orange)}.brand-copy small{font-size:11px;color:var(--muted);letter-spacing:0}.top-action{margin-left:auto;border:1px solid var(--edge);border-radius:50%;background:white;width:38px;height:38px;display:grid;place-items:center}.top-action svg,.nav-item svg,.list-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}main{padding:23px 19px 15px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:850;color:var(--orange);margin:0 0 6px}.page-title{font-size:26px;line-height:1.12;letter-spacing:-.04em;margin:0 0 8px;font-weight:800}.subtitle{font-size:12.5px;color:var(--muted);line-height:1.55;margin:0 0 18px}.demo-pill{display:inline-flex;align-items:center;gap:6px;border-radius:50px;background:#fff1e7;color:#ad531b;font-size:10px;font-weight:800;padding:7px 10px;margin-bottom:16px;letter-spacing:.05em}.demo-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--orange)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px}.filter{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:10px;color:var(--muted)}select{height:41px;width:100%;border:1px solid #e6e9ec;border-radius:11px;background:white;color:var(--ink);padding:0 9px;font-size:12px;font-weight:650;appearance:auto}.cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}.kpi{border:1px solid #edf0f1;box-shadow:0 3px 15px #17202305;background:white;border-radius:16px;min-height:132px;padding:15px;display:flex;flex-direction:column;justify-content:space-between}.kpi .kpi-label{font-size:11px;font-weight:650;color:#697583}.kpi strong{font-size:25px;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.kpi .mini{display:block;font-size:10.5px;color:var(--muted)}.kpi.orange{background:linear-gradient(135deg,#fa7834,#e9581d);color:white;border:0}.kpi.orange .kpi-label,.kpi.orange .mini{color:#fffdf4d9}.kpi.orange strong{font-size:29px}.trend{font-size:10px;color:var(--green);font-weight:750}.section-h{display:flex;align-items:center;justify-content:space-between;margin:21px 1px 11px}.section-h h2{font-size:15px;letter-spacing:-.025em;margin:0}.section-h .tag{color:var(--muted);font-size:11px}.panel{background:white;border:1px solid var(--edge);border-radius:17px;padding:16px;margin:0 0 13px;box-shadow:0 4px 16px #18212b04}.panel-note{color:var(--muted);font-size:10px;margin:2px 0 16px;line-height:1.5}.bar-row{display:grid;grid-template-columns:78px 1fr 37px;align-items:center;gap:9px;margin:13px 0}.bar-label{font-size:11px;font-weight:650}.bar-track{height:9px;background:#f1f2f4;border-radius:30px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#fc9d53,var(--orange));border-radius:30px;transition:width .2s}.bar-value{font-size:11px;font-weight:750;text-align:right;font-variant-numeric:tabular-nums}.stat-legend{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:100%;margin-right:4px}.dot.red{background:#da6969}.dot.green{background:#1b9c80}.alert-item{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--edge)}.alert-item:last-child{border:0;padding-bottom:0}.alert-number{width:34px;height:34px;border-radius:11px;background:#fff4ed;color:var(--orange-d);display:grid;place-items:center;font-weight:850;font-size:11px;flex-shrink:0}.alert-text{min-width:0;flex:1}.alert-text strong{font-size:12px;display:block;line-height:1.4}.alert-text small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.priority-tag{font-size:9px;font-weight:800;background:#fff0ed;color:#c34e3b;border-radius:30px;padding:5px 7px}.bottom-nav{position:fixed;bottom:0;width:min(100%,540px);height:calc(73px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;border-top:1px solid #e9ecef;background:#fff;box-shadow:0 -9px 25px #0d13200b;z-index:9}.nav-item{border:0;background:none;color:#8b949f;padding:7px 2px;min-width:60px;display:flex;align-items:center;flex-direction:column;gap:6px;font-weight:650;font-size:10px}.nav-item.active{color:var(--orange)}.nav-item.active svg{stroke-width:2.3}.empty{text-align:center;padding:28px 10px;color:var(--muted);font-size:12px}.action-button{border-radius:11px;padding:11px 13px;border:0;background:var(--orange);color:white;font-size:12px;font-weight:750;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.secondary-button{background:#f2f4f6;color:#38434b}.unit-row{padding:13px 0;border-bottom:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;gap:10px}.unit-row:last-child{border-bottom:0}.unit-row strong{display:block;font-size:12px}.unit-row small{font-size:10px;color:var(--muted)}.unit-row .number{font-size:13px;font-weight:850}.p-label{display:inline-block;border-radius:40px;background:#fdf1e9;color:#bd622f;padding:6px 9px;font-size:10px;font-weight:800}.info-b{border:1px solid #f5d9c3;background:#fff7f1;border-radius:14px;color:#874d2b;padding:13px;margin:14px 0;font-size:11.5px;line-height:1.5}.step{display:flex;align-items:flex-start;gap:11px;margin:16px 0}.step .bullet{height:27px;width:27px;background:#fff0e6;color:var(--orange);border-radius:9px;font-weight:850;display:grid;place-items:center;flex-shrink:0}.step strong{font-size:12px}.step p{font-size:11px;color:var(--muted);margin:5px 0;line-height:1.45}.loading{text-align:center;color:var(--muted);padding:30px 0}.muted{color:var(--muted)}@media(min-width:541px){body{background:#e9eaed}.app-shell{min-height:100vh}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}