:root{--bg: #0b0d10;--panel: rgba(20, 23, 28, .92);--panel-solid: #14171c;--line: #2a3038;--text: #e6e8eb;--muted: #8b939e;--amber: #f5a524;--amber-dim: rgba(245, 165, 36, .14);--ok: #3ecf6e;--info: #5b8def;--warn: #e0803a;--bad: #e5484d;--radius: 6px;--mono: ui-monospace, "Cascadia Mono", "Consolas", monospace;color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}button,select,input{font:inherit;color:inherit}.app{position:relative;height:100%}.viewport{position:absolute;inset:0}.topbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px;background:linear-gradient(var(--panel-solid),var(--panel));border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--amber-dim);z-index:2}.brand{font-weight:800;letter-spacing:.12em;font-size:16px;white-space:nowrap}.brand span{color:var(--amber)}.sites{display:flex;gap:4px}.site-btn{display:flex;flex-direction:column;align-items:flex-start;padding:6px 12px;background:transparent;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;text-align:left;line-height:1.2;transition:border-color .15s,background .15s}.site-btn small{color:var(--muted);font-size:11px}.site-btn:hover{border-color:#47505c}.site-btn[aria-pressed=true]{border-color:var(--amber);background:var(--amber-dim)}.site-btn:focus-visible,.icon-btn:focus-visible,.delayed button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr));gap:8px;margin-left:auto}.kpi{display:flex;flex-direction:column;padding:6px 12px;border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:var(--radius);background:#ffffff05}.kpi__label,.kpi__sub{font-size:11px;color:var(--muted);white-space:nowrap}.kpi__label{text-transform:uppercase;letter-spacing:.06em}.kpi__value{font-family:var(--mono);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.kpi--alert{border-left-color:var(--bad)}.kpi--alert .kpi__value{color:var(--bad)}.card{position:absolute;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1}.card__title{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.late{color:var(--bad)}.filters{top:92px;left:16px;width:250px}.filters .muted{margin:10px 0 0;font-size:12px}.check{display:flex;align-items:center;gap:8px;cursor:pointer}.check input{accent-color:var(--amber);width:16px;height:16px}.field{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:12px;color:var(--muted)}.field select{padding:6px 8px;background:var(--panel-solid);border:1px solid var(--line);border-radius:var(--radius);color:var(--text)}.delayed{list-style:none;margin:10px 0 0;padding:0;max-height:40vh;overflow-y:auto;border-top:1px solid var(--line)}.delayed button{display:grid;grid-template-columns:52px 40px 1fr;width:100%;gap:8px;padding:7px 4px;background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;font-size:12px}.delayed button:hover{background:var(--amber-dim)}.delayed>li.muted{padding:7px 4px;font-size:12px}.delayed__head{border-bottom:1px solid var(--line)}.delayed .late{text-align:right}.inspect{top:92px;right:16px;width:320px;max-height:calc(100% - 140px);overflow-y:auto;border-top:2px solid var(--amber)}.inspect__head{display:flex;justify-content:space-between;align-items:center}.inspect__kind{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.inspect__title{margin:4px 0 2px;font-size:17px}.inspect>.muted{margin:0 0 12px;font-size:12px}.icon-btn{width:28px;height:28px;border:1px solid var(--line);border-radius:var(--radius);background:none;cursor:pointer;font-size:18px;line-height:1}.icon-btn:hover{border-color:var(--amber)}.props{margin:0 0 16px}.props__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)}.props dt{color:var(--muted)}.props dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;font-weight:600;border:1px solid currentColor}.badge--ok{color:var(--ok)}.badge--info{color:var(--info)}.badge--warn{color:var(--amber)}.badge--bad{color:var(--bad)}.badge--muted{color:var(--muted)}.shipment__head{display:flex;gap:8px;align-items:center}.shipment p{margin:6px 0;font-size:13px}.lines{list-style:none;margin:0;padding:0;font-size:12px}.lines li{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)}.hint{position:absolute;left:16px;bottom:12px;margin:0;font-size:12px;color:var(--muted);pointer-events:none}@media(max-width:1100px){.topbar{flex-wrap:wrap}.kpis{margin-left:0;width:100%}.filters,.inspect{top:172px}}@media(max-width:720px){.topbar{gap:8px;padding:8px 12px}.sites{width:100%}.site-btn{flex:1;min-width:0}.site-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.kpis{grid-template-columns:repeat(2,1fr)}.kpi__value{font-size:16px}.filters{top:auto;bottom:12px;left:12px;width:calc(100% - 24px);padding:10px 12px}.inspect{inset:auto 12px 12px;width:auto;max-height:55%;z-index:3}.hint{display:none}}