.hb-noscroll{scrollbar-width:none}.hb-noscroll::-webkit-scrollbar{display:none}.hb-chm{letter-spacing:-.02em;color:#fff;background:var(--c);border-radius:9px;flex-shrink:0;place-items:center;font-weight:800;display:inline-grid;box-shadow:inset 0 1px #ffffff40}.hb-app{color:#fff;background:var(--c);border-radius:6px;place-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:inline-grid}.hb-view{white-space:nowrap;height:36px;color:var(--color-ink-2,#3a3a44);background:#ffffffb3;border:1px solid #14192d14;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .15s,color .15s,transform .2s;display:inline-flex}.hb-view:hover{background:#fff}.hb-view>span{font-variant-numeric:tabular-nums;color:var(--color-muted);font-size:11px;font-weight:700}.hb-view>span:empty{display:none}.hb-view.on{color:#fff;background:#1c1d22;border-color:#1c1d22;box-shadow:0 6px 16px -8px #00000073}.hb-view.on>span{color:#ffffffb3}.hb-view-add{color:var(--color-muted);border-style:dashed}.dark .hb-view{color:#d5d6dc;background:#ffffff0d;border-color:#ffffff14}.dark .hb-view.on{color:#111;background:#fff}.dark .hb-view.on>span{color:#0000008c}.hb-tool{flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.hb-dt th:first-child,.hb-dt td:first-child{padding-left:20px}.hb-dt th:last-child,.hb-dt td:last-child{padding-right:20px}.hb-dt tbody tr{cursor:pointer}.hb-dt tbody tr.hb-picked td{background:#f45d1c0d}.dark .hb-dt tbody tr.hb-picked td{background:#f45d1c14}.hb-pager{border-top:1px solid #14192d0f;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.dark .hb-pager{border-color:#ffffff0f}.hb-pg{min-width:30px;height:30px;color:var(--color-muted);border-radius:8px;padding:0 8px;font-size:12.5px;font-weight:600}.hb-pg:hover{background:#14192d0d}.hb-pg.on{color:#fff;background:#f45d1c}.hb-sel{background:#fffc;border:1px solid #14192d1a;border-radius:8px;height:30px;padding:0 8px;font-size:12.5px;font-weight:600}.dark .hb-sel{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.hb-rcard{cursor:pointer;background:#fff9;border:1px solid #14192d12;border-radius:10px;padding:16px;transition:transform .2s,box-shadow .2s,background-color .2s;position:relative}.hb-rcard:hover{background:#fff;transform:translateY(-2px);box-shadow:0 12px 30px -18px #14192d59}.hb-rcard-cb{position:absolute;top:14px;right:14px}.dark .hb-rcard{background:#ffffff0a;border-color:#ffffff12}.dark .hb-rcard:hover{background:#ffffff12}.hb-bulk{z-index:70;color:#fff;opacity:0;pointer-events:none;background:#17181c;border-radius:9999px;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:8px 8px 8px 18px;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .25s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%,160%);box-shadow:0 18px 40px -12px #00000073}.hb-bulk.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.dark .hb-bulk{color:#17181c;background:#fff}.hb-bulk-btn{white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hb-bulk-btn:hover{background:#ffffff24}.dark .hb-bulk-btn:hover{background:#0000000f}.hb-bulk-danger{color:#f6b3a3}.dark .hb-bulk-danger{color:#c9563b}@media (width<=640px){.hb-bulk-btn span{display:none}}.hb-hero{padding:0;position:relative;overflow:hidden}.hb-hero-band{background:repeating-linear-gradient(135deg,#f45d1c12 0 10px,#f45d1c05 10px 20px),linear-gradient(90deg,#ffb48c59,#fff0);height:64px}.dark .hb-hero-band{background:repeating-linear-gradient(135deg,#f45d1c1f 0 10px,#f45d1c08 10px 20px)}.hb-hero-mark{color:#fff;width:72px;height:72px;box-shadow:0 0 0 4px var(--color-surface,#fff), 0 12px 30px -12px #f45d1c99;background:linear-gradient(135deg,#ff9a66,#f45d1c);border-radius:18px;place-items:center;margin-top:-36px;display:grid}.dark .hb-hero-mark{box-shadow:0 0 0 4px #1c1c21,0 12px 30px -12px #0009}.hb-tile{background:#fff9;border:1px solid #14192d0f;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:12px 14px;display:flex}.dark .hb-tile{background:#ffffff0a;border-color:#ffffff0f}.hb-tile-ic{color:#d3520f;background:#ffede3;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.dark .hb-tile-ic{color:#ff9f6b;background:#f45d1c24}.hb-tabs{scrollbar-width:none;background:#fff9;border:1px solid #ffffffd9;border-radius:10px;gap:3px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.hb-tabs button{height:34px;color:var(--color-muted);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.hb-tabs button:hover{color:var(--color-ink)}.hb-tabs button.on{color:#fff;background:#1c1d22}.hb-tabs button span{opacity:.7;font-size:11px}.dark .hb-tabs{background:#ffffff0d;border-color:#ffffff14}.dark .hb-tabs button.on{color:#111;background:#fff}.hb-link{border-radius:10px;align-items:center;gap:12px;margin:0 -10px;padding:10px;transition:background-color .15s;display:flex}.hb-link:hover{background:#14192d0a}.dark .hb-link:hover{background:#ffffff0d}.hb-link-ic{width:36px;height:36px;color:var(--c);background:color-mix(in srgb, var(--c) 12%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.hb-state{border:1.5px dashed #14192d33;border-radius:99px;flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.hb-state-done{color:#fff;background:#4fb59c;border:0}.hb-state-live{background:#f45d1c26;border:0}.hb-state-live i{background:#f45d1c;border-radius:99px;width:8px;height:8px;animation:1.6s infinite hbPulse}.dark .hb-state{border-color:#fff3}@keyframes hbPulse{50%{opacity:.5;transform:scale(.6)}}.hb-tl{flex-direction:column;gap:16px;display:flex;position:relative}.hb-tl:before{content:"";background:#14192d1a;width:1px;position:absolute;top:6px;bottom:6px;left:13px}.dark .hb-tl:before{background:#ffffff1a}.hb-tl li{gap:12px;display:flex;position:relative}.hb-tl-ic{color:#d3520f;background:#fff;border-radius:99px;flex-shrink:0;place-items:center;width:27px;height:27px;display:grid;position:relative;box-shadow:0 0 0 1px #14192d14}.dark .hb-tl-ic{color:#ff9f6b;background:#26272d;box-shadow:0 0 0 1px #ffffff14}.hb-track{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;display:grid}.hb-track i{background:#14192d14;border-radius:99px;height:6px}.hb-track i.done{background:#f7915a}.hb-track i.cur{background:#f45d1c;box-shadow:0 0 0 3px #f45d1c2e}.hb-track i.bad{background:#ef6b5b}.dark .hb-track i{background:#ffffff1a}.dark .hb-track i.done{background:#c76a3b}.dark .hb-track i.cur{background:#f45d1c}.hb-stage{cursor:pointer;text-align:left;background:#fff9;border:1px solid #14192d0f;border-radius:10px;padding:14px;transition:background-color .15s,box-shadow .2s;position:relative}.hb-stage:hover{background:#fff}.hb-stage.on{background:#fff6f1;box-shadow:0 0 0 2px #f45d1c}.dark .hb-stage{background:#ffffff0a;border-color:#ffffff12}.dark .hb-stage.on{background:#f45d1c1a}.hb-risk{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.hb-risk-High{color:#a3271d;background:#fbddda}.hb-risk-Medium{color:#8a5a06;background:#fbe7be}.hb-risk-Low{color:#166b37;background:#d9f2df}.dark .hb-risk-High{color:#f08a80;background:#e5483b2e}.dark .hb-risk-Medium{color:#f6c25e;background:#f2a5162e}.dark .hb-risk-Low{color:#6fd49a;background:#22a55a2e}.hb-q{background:#ffffff9e;border:1px solid #14192d12;border-radius:10px;padding:16px;transition:opacity .3s,transform .3s}.dark .hb-q{background:#ffffff0a;border-color:#ffffff12}.hb-q.leaving{opacity:0;transform:translate(16px)}.hb-fix{color:#8a3a0e;background:linear-gradient(135deg,#fff4ec,#ffe9dc);border:1px solid #ffd8c2;border-radius:9px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.dark .hb-fix{color:#ffc4a3;background:#f45d1c1a;border-color:#f45d1c40}.hb-alt{cursor:pointer;background:#fff9;border:1px solid #14192d14;border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;display:flex}.hb-alt:has(input:checked){background:#fff6f1;border-color:#f45d1c;box-shadow:0 0 0 3px #f45d1c1f}.dark .hb-alt{background:#ffffff0a;border-color:#ffffff14}.dark .hb-alt:has(input:checked){background:#f45d1c1f}.hb-alt input{accent-color:#f45d1c}.hb-rule{background:#ffffff9e;border:1px solid #14192d12;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hb-rule.off{opacity:.6}.hb-rule.hit{box-shadow:0 0 0 2px #f45d1c}.dark .hb-rule{background:#ffffff0a;border-color:#ffffff12}.hb-rule-n{background:#14192d0f;border-radius:8px;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:12px;font-weight:800;display:grid}.dark .hb-rule-n{background:#ffffff14}.hb-kw{letter-spacing:.04em;color:#fff;background:#1c1d22;border-radius:5px;align-items:center;height:20px;margin-right:6px;padding:0 6px;font-size:10.5px;font-weight:800;display:inline-flex}.dark .hb-kw{color:#111;background:#fff}.hb-cap{background:#14192d12;border-radius:99px;height:8px;overflow:hidden}.hb-cap i{background:linear-gradient(90deg,#fbc6a4,#f45d1c);border-radius:99px;height:100%;display:block}.hb-cap.hot i{background:linear-gradient(90deg,#f7a39a,#d2361f)}.dark .hb-cap{background:#ffffff14}.hb-steps{gap:6px;display:flex}.hb-steps button{text-align:left;color:var(--color-muted);background:#ffffff80;border:1px solid #14192d0f;border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.hb-steps button b{background:#14192d12;border-radius:99px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11.5px;display:grid}.hb-steps button.on{color:var(--color-ink);background:#fff;box-shadow:0 0 0 2px #f45d1c}.hb-steps button.on b,.hb-steps button.done b{color:#fff;background:#f45d1c}.dark .hb-steps button{background:#ffffff0a;border-color:#ffffff12}.dark .hb-steps button.on{color:#fff;background:#f45d1c1a}.hb-set-row{border-bottom:1px solid #14192d0f;align-items:center;gap:16px;padding:14px 0;display:flex}.hb-set-row:last-child{border-bottom:0}.dark .hb-set-row{border-color:#ffffff0f}.hb-rep{text-align:left;background:#fff9;border:1px solid #14192d0f;border-radius:10px;gap:12px;width:100%;padding:14px;transition:background-color .15s,box-shadow .2s,transform .2s;display:flex}.hb-rep:hover{background:#fff;transform:translateY(-1px)}.hb-rep.on{background:#fff6f1;box-shadow:0 0 0 2px #f45d1c}.dark .hb-rep{background:#ffffff0a;border-color:#ffffff12}.dark .hb-rep.on{background:#f45d1c1a}.hb-bar{background:#14192d0f;border-radius:99px;height:10px;overflow:hidden}.hb-bar i{background:var(--c,#f45d1c);border-radius:99px;height:100%;display:block}.dark .hb-bar{background:#ffffff14}.hb-kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}.hb-kv dt{color:var(--color-muted);font-size:11.5px}.hb-kv dd{margin-top:2px;font-size:13.5px;font-weight:600}.hb-site{letter-spacing:.03em;height:20px;color:var(--c);background:color-mix(in srgb, var(--c) 13%, transparent);white-space:nowrap;border-radius:5px;align-items:center;padding:0 6px;font-size:10.5px;font-weight:800;display:inline-flex}.dark .hb-site{color:color-mix(in srgb, var(--c) 60%, #fff);background:color-mix(in srgb, var(--c) 22%, transparent)}.hb-thumb{color:var(--c);background:color-mix(in srgb, var(--c) 12%, #fff);border:1px solid color-mix(in srgb, var(--c) 18%, transparent);border-radius:10px;flex-shrink:0;place-items:center;display:inline-grid}.dark .hb-thumb{background:color-mix(in srgb, var(--c) 20%, #1c1c21);color:color-mix(in srgb, var(--c) 55%, #fff)}.hb-grade{color:#fff;background:var(--c);border-radius:7px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:inline-grid}.hb-kpi{align-items:center;gap:14px;padding:16px 18px;display:flex}.hb-kpi-ic{color:#d3520f;background:#ffede3;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.hb-kpi-ic.coral{color:#a3271d;background:#fbddda}.hb-kpi-ic.mint{color:#166b37;background:#d9f2df}.hb-kpi-ic.sky{color:#1f5f99;background:#dcebf8}.hb-kpi-ic.amber{color:#8a5a06;background:#fbe7be}.dark .hb-kpi-ic{color:#ff9f6b;background:#f45d1c24}.dark .hb-kpi-ic.coral{color:#f08a80;background:#e5483b2e}.dark .hb-kpi-ic.mint{color:#6fd49a;background:#22a55a2e}.dark .hb-kpi-ic.sky{color:#9cc8f0;background:#7fb3e029}.dark .hb-kpi-ic.amber{color:#f6c25e;background:#f2a5162e}.hb-pick{appearance:none;cursor:pointer;background:#ffffffb3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238A8F98' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #14192d14;border-radius:8px;height:44px;padding:0 34px 0 36px;font-size:13px;font-weight:600}.dark .hb-pick{color:#fff;background-color:#ffffff0d;border-color:#ffffff1a}.dark .hb-pick option{background:#1c1c21}.hb-gantt-head,.hb-gantt-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;display:grid}.hb-gantt-row{height:34px}.hb-gantt-h{color:var(--color-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10.5px;position:absolute;top:0;transform:translate(-50%)}.hb-gantt-dock{color:var(--color-muted);white-space:nowrap;font-size:12px;font-weight:600}.hb-gantt-lane{background:repeating-linear-gradient(135deg,#14192d06 0 6px,#0000 6px 12px);border-radius:7px;height:28px;position:relative}.dark .hb-gantt-lane{background:repeating-linear-gradient(135deg,#ffffff08 0 6px,#0000 6px 12px)}.hb-gantt-grid{background:#14192d0f;width:1px;position:absolute;top:-3px;bottom:-3px}.dark .hb-gantt-grid{background:#ffffff0f}.hb-gantt-now{z-index:2;background:#f45d1c;border-radius:2px;width:2px;margin-left:-1px;position:absolute;top:-6px;bottom:-6px}.hb-gantt-row:first-of-type .hb-gantt-now:before{content:"Now";color:#f45d1c;font-size:10px;font-weight:800;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.hb-gantt-bar{z-index:1;border-radius:6px;align-items:center;gap:5px;min-width:18px;padding:0 7px;font-size:11px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;top:3px;bottom:3px;overflow:hidden}.hb-gantt-bar:hover{z-index:3;transform:translateY(-1px);box-shadow:0 6px 14px -8px #0006}.hb-gantt-bar.in{color:#1f5f99;background:#dcebf8}.hb-gantt-bar.out{color:#a8400f;background:#ffe3d3}.hb-gantt-bar.done{opacity:.5}.hb-gantt-bar.live{box-shadow:0 0 0 2px #f45d1c}.hb-gantt-bar.late{color:#a3271d;background:#fbddda;box-shadow:0 0 0 1.5px #ef6b5b}.dark .hb-gantt-bar.in{color:#b7d7f3;background:#7fb3e038}.dark .hb-gantt-bar.out{color:#ffb48c;background:#f45d1c38}.dark .hb-gantt-bar.late{color:#f6a49b;background:#e5483b3d}.hb-dk-key{border-radius:3px;width:12px;height:8px;display:inline-block}.hb-dk-key.in{background:#9cc8f0}.hb-dk-key.out{background:#f7915a}.hb-dk-key.late{background:#ef6b5b}.hb-exp{text-align:center;color:#8a5a06;background:#fbe7be;border-radius:11px;flex-shrink:0;place-content:center;width:42px;height:42px;line-height:1;display:grid}.hb-exp b{font-size:15px;font-weight:800}.hb-exp small{text-transform:uppercase;letter-spacing:.04em;font-size:9px;font-weight:700}.hb-exp.hot{color:#a3271d;background:#fbddda}.hb-exp.x{color:#fff;background:#a3271d}.dark .hb-exp{color:#f6c25e;background:#f2a5162e}.dark .hb-exp.hot{color:#f08a80;background:#e5483b33}.hb-zone{text-align:center;background:color-mix(in srgb, #f45d1c calc(var(--p) * 1% - 40%), #fff4ee);color:#6b2a08;border-radius:9px;place-items:center;gap:2px;padding:10px 0;line-height:1.1;transition:transform .15s;display:grid}.hb-zone:hover{transform:translateY(-2px)}.hb-zone b{font-size:14px}.hb-zone small{opacity:.8;font-size:10.5px;font-weight:600}.dark .hb-zone{background:color-mix(in srgb, #f45d1c calc(var(--p) * 1% - 45%), #26272d);color:#ffe3d3}.hb-dock{background:#fff9;border:1px solid #14192d12;border-radius:10px;padding:12px}.hb-dock.busy{box-shadow:0 0 0 2px #f45d1c80}.dark .hb-dock{background:#ffffff0a;border-color:#ffffff12}.hb-io{border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;display:inline-grid}.hb-io.in{color:#1f5f99;background:#dcebf8}.hb-io.out{color:#a8400f;background:#ffe3d3}.dark .hb-io.in{color:#b7d7f3;background:#7fb3e033}.dark .hb-io.out{color:#ffb48c;background:#f45d1c33}.hb-bin{white-space:nowrap;background:#14192d0f;border-radius:6px;align-items:center;height:22px;padding:0 7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;display:inline-flex}.dark .hb-bin{background:#ffffff14}.hb-scanbox{background:#fff7f2;border:1.5px dashed #f45d1c73;border-radius:10px;align-items:center;gap:8px;padding:6px 6px 6px 8px;transition:border-color .2s,background-color .2s;display:flex}.hb-scanbox input{background:0 0;outline:none;flex:1;min-width:0;height:36px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.hb-scanbox.good{background:#eaf7f1;border-style:solid;border-color:#4fb59c}.hb-scanbox.bad{background:#fdecea;border-style:solid;border-color:#ef6b5b}.hb-scanbox.big input{height:48px;font-size:16px}.dark .hb-scanbox{background:#f45d1c14}.dark .hb-scanbox.good{background:#4fb59c1f}.dark .hb-scanbox.bad{background:#ef6b5b1f}.hb-scan-ic{color:#fff;background:#f45d1c;border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.hb-chipbtn{background:#ffffffb3;border:1px solid #14192d1a;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.hb-chipbtn.on{color:#fff;background:#1c1d22;border-color:#1c1d22}.hb-chipbtn:disabled{opacity:.55}.dark .hb-chipbtn{background:#ffffff0d;border-color:#ffffff1a}.dark .hb-chipbtn.on{color:#111;background:#fff}.hb-zonecard{text-align:left;background:#ffffff9e;border:1px solid #14192d12;border-radius:10px;padding:12px 14px;transition:transform .15s,box-shadow .2s}.hb-zonecard:hover{transform:translateY(-1px)}.hb-zonecard.on{background:#fff6f1;box-shadow:0 0 0 2px #f45d1c}.dark .hb-zonecard{background:#ffffff0a;border-color:#ffffff12}.dark .hb-zonecard.on{background:#f45d1c1a}.hb-zid{color:#fff;background:#1c1d22;border-radius:7px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.dark .hb-zid{color:#111;background:#fff}.hb-binmap{flex-direction:column;gap:5px;display:flex;overflow-x:auto}.hb-binrow{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;display:grid}.hb-aisle{color:var(--color-muted);font-family:ui-monospace,Menlo,monospace;font-size:11px;font-weight:700}.hb-bins{grid-template-columns:repeat(var(--bays), minmax(14px, 1fr));gap:3px;display:grid}.hb-bincell{aspect-ratio:1.4;background:color-mix(in srgb, #f45d1c calc(var(--p) * 1%), #f3eeea);border-radius:4px;min-height:16px;transition:transform .12s}.hb-bincell:hover{z-index:2;position:relative;transform:scale(1.25);box-shadow:0 4px 10px -4px #0006}.hb-bincell.has{box-shadow:inset 0 0 0 2px #1c1d22}.hb-bincell.full{background:#c2410c}.dark .hb-bincell{background:color-mix(in srgb, #f45d1c calc(var(--p) * 1%), #2a2b31)}.dark .hb-bincell.has{box-shadow:inset 0 0 0 2px #fff}.hb-heatkey{background:linear-gradient(90deg,#f3eeea,#f45d1c);border-radius:99px;width:120px;height:8px}.dark .hb-heatkey{background:linear-gradient(90deg,#2a2b31,#f45d1c)}.hb-net{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.hb-node{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 8%, #fff), #fff);border:1px solid #14192d12;border-radius:10px;padding:12px 14px}.dark .hb-node{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 14%, #1c1c21), #1c1c21);border-color:#ffffff12}.hb-minmax{background:#14192d12;border-radius:99px;height:8px;position:relative}.hb-minmax i{background:#4fb59c;border-radius:99px;position:absolute;top:0;bottom:0;left:0}.hb-minmax i.low{background:#ef6b5b}.hb-minmax b{background:#1c1d22;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.dark .hb-minmax{background:#ffffff14}.dark .hb-minmax b{background:#fff}.hb-cols{align-items:flex-end;gap:6px;padding-bottom:18px;display:flex}.hb-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex;position:relative}.hb-col span{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--c) 35%, transparent) 0 5px, color-mix(in srgb, var(--c) 18%, transparent) 5px 10px);border-radius:6px 6px 3px 3px;width:100%;max-width:44px;transition:background .2s}.hb-col.on span,.hb-col:hover span{background:var(--c)}.hb-col small{color:var(--color-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10.5px;position:absolute;bottom:-18px;overflow:hidden}td .hb-cols{gap:2px;padding-bottom:0}td .hb-col small{display:none}.hb-arc{transition:opacity .15s}.hb-arc:hover{opacity:.8}.hb-pline{background:#14192d08;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;transition:background-color .2s;display:flex}.hb-pline.on{background:#eaf7f1}.dark .hb-pline{background:#ffffff0a}.dark .hb-pline.on{background:#4fb59c24}.hb-pcheck{color:#0000;border:1.5px dashed #14192d40;border-radius:99px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.hb-pline.on .hb-pcheck{color:#fff;background:#4fb59c;border:0}.hb-path-rack{fill:#14192d0f}.hb-path-dock{fill:#f45d1c1a}.hb-path-t{fill:var(--color-muted);font-size:10px;font-weight:700}.hb-path-line{fill:none;stroke:#f45d1c;stroke-width:2.5px;stroke-dasharray:6 5;stroke-linejoin:round}.hb-path-dot{fill:#fff;stroke:#f45d1c;stroke-width:2.5px}.hb-path-dot.done{fill:#4fb59c;stroke:#4fb59c}.hb-path-n{fill:#1c1d22;pointer-events:none;font-size:10px;font-weight:800}.dark .hb-path-rack{fill:#ffffff0f}.dark .hb-path-dot{fill:#1c1c21}.dark .hb-path-n{fill:#fff}.hb-flow{background:#fff9;border:1px solid #14192d12;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:box-shadow .2s;display:flex}.hb-flow.on{background:#fff6f1;box-shadow:0 0 0 2px #f45d1c}.dark .hb-flow{background:#ffffff0a;border-color:#ffffff12}.dark .hb-flow.on{background:#f45d1c1a}.hb-photo{aspect-ratio:1;color:var(--color-muted);background:repeating-linear-gradient(135deg,#14192d0d 0 8px,#14192d05 8px 16px);border:1px solid #14192d0f;border-radius:9px;place-items:center;display:grid}.dark .hb-photo{background:repeating-linear-gradient(135deg,#ffffff0f 0 8px,#ffffff05 8px 16px);border-color:#ffffff12}.hb-label{color:#111;background:#fff;border:1px solid #14192d26;border-radius:6px;padding:12px;box-shadow:0 6px 16px -10px #0000004d}.hb-barcode{justify-content:center;align-items:stretch;height:46px;margin:8px 0 4px;display:flex}.hb-barcode i{background:#111;display:block}.sc-wrap{position:sticky;top:16px}.sc-phone{background:#15161a;border-radius:46px;width:340px;height:690px;margin:0 auto;padding:14px;position:relative;box-shadow:0 0 0 2px #2c2e35,0 30px 60px -20px #00000080}.sc-notch{z-index:3;background:#000;border-radius:99px;width:92px;height:24px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.sc-status{color:#fff;z-index:2;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:22px;left:36px;right:34px}.sc-trigger{cursor:pointer;background:#f45d1c;border-radius:0 4px 4px 0;width:5px;height:70px;position:absolute;top:170px;right:-5px}.sc-screen{color:#f3f4f6;scrollbar-width:none;background:#101114;border-radius:34px;height:100%;padding:44px 16px 18px;overflow:hidden auto}.sc-screen.flash{animation:.45s scFlash}.sc-screen.buzz{animation:.35s scBuzz}@keyframes scFlash{0%{box-shadow:inset 0 0 #4fb59c00}30%{box-shadow:inset 0 0 0 6px #4fb59ccc}to{box-shadow:inset 0 0 #4fb59c00}}@keyframes scBuzz{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sc-top{align-items:center;gap:8px;margin-bottom:14px;display:flex}.sc-back{background:#ffffff14;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.sc-badge{color:#ffb48c;background:#f45d1c33;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:800}.sc-hello{color:#fff;background:linear-gradient(135deg,#f45d1c,#c2410c);border-radius:16px;align-items:center;gap:10px;padding:14px;display:flex}.sc-task{background:#ffffff0f;border-radius:14px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.sc-task:hover{background:#ffffff1a}.sc-task-ic{color:#ff9f6b;background:#f45d1c2e;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.sc-zed{color:#ffc4a3;background:#f45d1c1f;border-radius:12px;gap:8px;margin-top:14px;padding:12px;font-size:12px;line-height:1.4;display:flex}.sc-body{flex-direction:column;gap:12px;display:flex}.sc-dots{gap:4px;display:flex}.sc-dots i{background:#ffffff1f;border-radius:99px;flex:1;height:4px}.sc-dots i.done{background:#4fb59c}.sc-dots i.on{background:#f45d1c}.sc-target{text-align:center;background:#ffffff0f;border:2px dashed #ffffff2e;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:26px 14px;display:flex}.sc-target.good{background:#4fb59c1f;border:2px solid #4fb59c}.sc-target.bad{background:#ef6b5b1f;border:2px solid #ef6b5b}.sc-big{letter-spacing:-.02em;word-break:break-word;font-family:ui-monospace,Menlo,monospace;font-size:30px;font-weight:800;line-height:1.1}.sc-target .sc-big{font-size:26px}.sc-msg{border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.sc-msg.good{color:#8fe0c5;background:#4fb59c29}.sc-msg.bad{color:#ffb1a6;background:#ef6b5b2e}.sc-msg.warn{color:#f6c25e;background:#f2a51629}.sc-actions{gap:8px;margin-top:4px;display:flex}.sc-btn{color:#fff;background:#f45d1c;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:15px;font-weight:700;display:inline-flex}.sc-btn.ghost{color:#e5e7eb;background:#ffffff14;flex:.7;font-size:13px}.sc-link{color:#ffb48c;text-align:center;padding:4px;font-size:12.5px;font-weight:600}.sc-card{background:#ffffff0f;border-radius:14px;padding:12px 14px}.sc-step{background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.sc-pm{background:#ffffff1a;border-radius:14px;width:48px;height:48px;font-size:24px;font-weight:700}.hb-scangrid{align-items:start;gap:24px;display:grid}@media (width>=1100px){.hb-scangrid{grid-template-columns:380px minmax(0,1fr)}}