:root{--brand:#f25c19;--brand-light:#fff1e9;--brand-ink:#9a3f00;--deep:#18181b;--ground:#f7f7f8;--surface:#ffffff;--muted:#fafafa;--line:#e6e6ea;--line2:#dcdce2;--ink:#111114;--ink2:#3f3f46;--ink3:#6b6b76;--ok:#0b6b43;--ok-bg:#e6f5ec;--warn:#7a4f00;--warn-bg:#fff3d1;--bad:#a8231b;--bad-bg:#fdebe9;--info:#1c46c2;--info-bg:#e9efff}body{margin:0;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:13px;line-height:1.45}*{box-sizing:border-box}a{color:var(--brand-ink);text-decoration:none}a:hover{color:var(--ink)}.app{display:flex;flex-wrap:wrap;min-height:900px}.rail{flex:0 0 204px;background:var(--surface);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:2px}.brand{font-family:Oswald,Arial Narrow,sans-serif;font-size:21px;font-weight:600;letter-spacing:.04em;color:var(--ink);padding:2px 10px 16px}.brand b{color:var(--brand);font-weight:600}.brand span{font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink3);margin-left:6px}.rail a{display:block;padding:9px 10px;border-radius:10px;color:var(--ink2);font-weight:600;font-size:13px;min-height:36px}.rail a:hover{background:var(--muted);color:var(--ink)}.rail a.on{background:var(--brand-light);color:var(--brand-ink);box-shadow:inset 3px 0 0 var(--brand)}.railfoot{margin-top:auto;padding:10px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:600}.main{flex:999 1 560px;min-width:0;padding:22px 28px 32px;display:flex;flex-direction:column;gap:16px}.top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}h1{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em}h2{margin:0;font-size:14px;font-weight:800}.sub{color:var(--ink3);font-size:12.5px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.col{display:flex;flex-direction:column;gap:12px}.split{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.grow{flex:999 1 520px;min-width:0}.side{flex:1 1 320px;min-width:0}.btn{font:inherit;font-weight:700;font-size:12.5px;padding:8px 13px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);color:var(--ink);cursor:pointer;min-height:36px}.btn.primary{background:var(--deep);border-color:var(--deep);color:#fff}.btn.go{background:var(--brand-light);border-color:#f6c3a6;color:var(--brand-ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px}.card.flush{padding:0;overflow:hidden}.cardhead{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);background:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}tr.group td{background:#f3f3f5;font-weight:700;white-space:normal}tr.ours td{background:var(--brand-light)}.num{text-align:right;font-variant-numeric:tabular-nums}.px{font-weight:800;font-variant-numeric:tabular-nums}.small{font-size:11.5px;color:var(--ink3);font-weight:600}.chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;background:#ececf0;color:var(--ink2)}.chip.ok{background:var(--ok-bg);color:var(--ok)}.chip.warn{background:var(--warn-bg);color:var(--warn)}.chip.bad{background:var(--bad-bg);color:var(--bad)}.chip.info{background:var(--info-bg);color:var(--info)}.chip.brand{background:var(--brand-light);color:var(--brand-ink)}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line)}.tab{padding:9px 12px;font-weight:700;color:var(--ink3);border-bottom:2px solid rgba(0,0,0,0);min-height:36px}.tab.on{color:var(--ink);border-bottom-color:var(--brand)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.kpi .v{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi .l{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}.note{background:var(--info-bg);color:var(--info);border-radius:12px;padding:10px 14px;font-weight:600;font-size:12.5px}.note.warn{background:var(--warn-bg);color:var(--warn)}.field{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:700;color:var(--ink3)}.field input,.field select{font:inherit;font-weight:600;color:var(--ink);padding:8px 10px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);min-height:36px;min-width:0}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.step{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--surface)}.step.done{background:var(--ok-bg);border-color:#bfe3cf}.step.now{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.step b{display:block;font-size:13px}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 12px;font-size:12.5px}.kv span{color:var(--ink3);font-weight:600}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden}.seg span{padding:5px 9px;font-size:11px;font-weight:700;color:var(--ink3);background:var(--surface)}.seg span.on{background:var(--deep);color:#fff}.seg span.dry{background:var(--warn-bg);color:var(--warn)}.seg span.live{background:var(--ok-bg);color:var(--ok)}.zone{border-radius:10px;padding:14px 10px;text-align:center;font-weight:800;font-size:12px;border:1px solid var(--line2)}@media(max-width:760px){.rail{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.railfoot{margin-top:0}.main{padding:16px}}
