:root{--teal:#09B1BA;--teal-d:#007782;--teal-l:#E5F6F7;--ink:#171717;--mut:#6b7378;--line:#e6e9ea;--bg:#f5f7f7;--card:#fff;--ok:#09B1BA;--wait:#E8912D;--bad:#D6303B;--off:#9aa3a7;--info:#007782}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:560px;margin:0 auto;padding:12px 14px 110px;min-height:100vh}.top{display:flex;align-items:center;justify-content:space-between;padding:6px 2px 12px}.top h1{font-size:22px;margin:0}.top .sub{color:var(--mut);font-size:13px}h2{font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin:22px 2px 8px;display:flex;justify-content:space-between;align-items:center}h2 a{color:var(--teal-d);text-transform:none;letter-spacing:0;font-size:13px;cursor:pointer}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:10px;box-shadow:0 1px 2px #00000008}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 .card{margin:0}.stat{cursor:pointer}.stat .l{color:var(--mut);font-size:12.5px;display:flex;gap:6px;align-items:center}.stat .v{font-size:26px;font-weight:700;margin-top:4px}.stat.hot .v{color:var(--bad)}.stat.big{grid-column:span 2;background:var(--teal);color:#fff;border-color:var(--teal)}.stat.big .l{color:#dff6f7}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border:0;border-radius:14px;background:var(--teal);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px}.btn:active{transform:scale(.98)}.btn.sec{background:var(--teal-l);color:var(--teal-d)}.btn.ghost{background:#eef1f2;color:var(--ink)}.btn.bad{background:var(--bad)}.btn.sm{width:auto;padding:9px 14px;font-size:14px;margin:0;border-radius:11px}.btn:disabled{opacity:.5}input,select,textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;font-size:16px;background:#fff;margin-top:8px;font-family:inherit;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--teal);border-color:transparent}label.f{display:block;font-size:12.5px;color:var(--mut);margin-top:10px}label.f input,label.f select,label.f textarea{margin-top:4px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mut{color:var(--mut);font-size:13px}.thumb{width:64px;height:64px;border-radius:12px;object-fit:cover;background:#e9eeef;flex:none}.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;white-space:nowrap}.badge.ok{background:var(--teal-l);color:var(--teal-d)}.badge.wait{background:#fdf0e0;color:#b2670f}.badge.bad{background:#fbe6e8;color:var(--bad)}.badge.off{background:#eef1f2;color:var(--mut)}.badge.info{background:#dbeef0;color:var(--info)}.av{width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.av.a{background:#09b1ba}.av.t{background:#007782}.av.k{background:#e8912d}.av.m{background:#6b5bd2}.av.lg{width:64px;height:64px;font-size:26px}.bar{height:6px;background:#e6ecee;border-radius:9px;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--teal);border-radius:9px;transition:width .4s}.pub{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.pub .code{font-weight:700;font-variant-numeric:tabular-nums}.pub.me{background:var(--teal-l);margin:0 -14px;padding:11px 14px}nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:center;padding-bottom:env(safe-area-inset-bottom);z-index:20}nav .in{display:flex;width:100%;max-width:560px}nav button{flex:1;border:0;background:none;padding:8px 0 10px;color:var(--mut);font-size:11px;font-weight:500;display:flex;flex-direction:column;align-items:center;gap:3px}nav button.on{color:var(--teal-d);font-weight:700}nav svg{width:24px;height:24px}nav .plus span{width:50px;height:50px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:-22px;box-shadow:0 6px 16px #09b1ba73;font-size:30px;line-height:1}.seg{display:flex;background:#e9eeef;border-radius:12px;padding:3px;margin-bottom:10px}.seg button{flex:1;border:0;background:none;padding:10px;border-radius:10px;font-weight:600;color:var(--mut);font-size:14px}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px #00000014}.chips{display:flex;gap:6px;overflow:auto;padding-bottom:4px;margin-top:8px}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-size:13px;white-space:nowrap}.chip.on{background:var(--teal);color:#fff;border-color:var(--teal)}.toast{position:fixed;left:14px;right:14px;top:12px;max-width:532px;margin:0 auto;background:var(--ink);color:#fff;padding:14px 16px;border-radius:14px;z-index:60;font-size:14px;animation:dn .25s;box-shadow:0 10px 30px #00000040}.toast.bad{background:var(--bad)}.toast.ready{background:var(--teal-d)}@keyframes dn{0%{transform:translateY(-20px);opacity:0}}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0006;display:flex;align-items:flex-end;justify-content:center}.sheet>div{background:#fff;width:100%;max-width:560px;border-radius:22px 22px 0 0;padding:18px 16px calc(24px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto;animation:up .22s}@keyframes up{0%{transform:translateY(40px);opacity:.5}}.photos{display:flex;gap:8px;overflow:auto}.photos img{height:96px;width:96px;border-radius:12px;object-fit:cover;flex:none;border:2px solid transparent}.photos img.sel{border-color:var(--teal)}.hero{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:#e9eeef;margin-bottom:8px}pre{white-space:pre-wrap;background:#f2f5f6;padding:12px;border-radius:12px;font-size:13px;margin:8px 0 0;font-family:inherit}.cols{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px}.col{flex:0 0 84%;scroll-snap-align:start}.dot{width:9px;height:9px;border-radius:50%;background:var(--bad);display:inline-block}.bell{position:relative;background:#fff;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;font-size:18px}.bell b{position:absolute;top:-4px;right:-4px;background:var(--bad);color:#fff;font-size:11px;border-radius:99px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.link{color:var(--teal-d);font-weight:600;cursor:pointer}.empty{text-align:center;color:var(--mut);padding:30px 10px}:root{--r:18px;--sh:0 1px 2px rgba(20,40,45,.04),0 6px 18px rgba(20,40,45,.05)}body{background:linear-gradient(180deg,#eaf7f8 0,#f5f7f7 220px) no-repeat,var(--bg);font-feature-settings:"tnum"}.card{border-radius:var(--r);box-shadow:var(--sh);border:1px solid #edf1f2}.top h1{font-size:24px;letter-spacing:-.02em}.btn{background:linear-gradient(135deg,#0cbcc5,#008a94);box-shadow:0 4px 12px #00778238}.btn.sec,.btn.ghost{box-shadow:none}.stat.big{background:linear-gradient(135deg,#0cbcc5,#006b75);box-shadow:0 8px 22px #0077824d}.sm{font-size:12px}.up{color:var(--teal-d);font-weight:700}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:#fff;border:1px solid #edf1f2;border-radius:var(--r);padding:14px;box-shadow:var(--sh)}.kpi .l{color:var(--mut);font-size:12.5px}.kpi .v{font-size:24px;font-weight:800;margin-top:2px;letter-spacing:-.02em}.kpi .s{color:var(--mut);font-size:12px;margin-top:2px}.kpi.hero{grid-column:span 2;background:linear-gradient(135deg,#0cbcc5,#006b75);color:#fff;border:0}.kpi.hero .l,.kpi.hero .s{color:#d8f4f6}.kpi.hero .v{font-size:32px}.kpi.warn .v{color:var(--wait)}.hbar .hb{margin-bottom:12px}.hbar .hb:last-child{margin-bottom:0}.hbl{display:flex;justify-content:space-between;gap:10px;font-size:14px}.hbt{height:9px;background:#eef2f3;border-radius:9px;overflow:hidden;margin:5px 0 3px}.hbt i{display:block;height:100%;border-radius:9px;transition:width .5s}.donut{display:flex;align-items:center;gap:16px}.donut .dc{font-size:24px;font-weight:800;fill:var(--ink)}.leg{display:grid;gap:5px;font-size:13px}.leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.heat{display:grid;gap:3px;font-size:12px}.hh{text-align:center;color:var(--mut);font-weight:600}.hr{align-self:center}.hc{border-radius:7px;text-align:center;padding:9px 0;font-weight:600}.tb{width:100%;border-collapse:collapse;font-size:13px}.tb th{text-align:right;color:var(--mut);font-weight:600;padding:10px 8px;border-bottom:1px solid var(--line);white-space:nowrap}.tb td{text-align:right;padding:9px 8px;border-bottom:1px solid #f0f3f4;white-space:nowrap}.tb th:first-child,.tb td:first-child{text-align:left;position:sticky;left:0;background:#fff;max-width:140px;overflow:hidden;text-overflow:ellipsis}.ins{border-radius:14px;padding:12px 14px;margin-bottom:10px;font-size:13.5px;line-height:1.45;background:var(--teal-l);border:1px solid #cdebee}.ins b{display:block;margin-bottom:2px;color:var(--teal-d)}.ins.wait{background:#fdf0e0;border-color:#f6dbb8}.ins.wait b{color:#b2670f}.lev>div{padding:9px 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.45}.lev>div:first-child{border-top:0;padding-top:0}.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:12px;text-align:center;font-size:11px;color:var(--mut)}.mini b{display:block;font-size:17px;color:var(--ink)}.tagbox{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tag{background:var(--teal-l);color:var(--teal-d);border-radius:99px;padding:6px 11px;font-size:13px;font-weight:600}.chip.tg{background:var(--teal-l);border-color:transparent;color:var(--teal-d)}nav{box-shadow:0 -6px 20px #14282d0f;border-top:0}@media (prefers-color-scheme:dark){:root{--ink:#eef3f4;--mut:#93a0a5;--line:#263336;--bg:#0f1719;--card:#162124;--teal-l:#12363a}body{background:#0f1719}.card,.kpi,.chip,input,select,textarea,nav,.sheet>div,.bell,.tb td,.tb th:first-child,.tb td:first-child{background:#162124;border-color:#263336;color:var(--ink)}.seg{background:#1b2a2d}.seg button.on{background:#243639;color:#fff}.btn.ghost{background:#1f2e31;color:var(--ink)}.thumb,.hero{background:#1f2e31}.hbt,.bar{background:#243639}pre{background:#1b2a2d}.badge.off{background:#243639}.badge.wait{background:#3a2c17}.ins.wait{background:#3a2c17;border-color:#5b4522}.ins{border-color:#1e4a4f}}