:root{
  --bg:#f5f8fc;--card:#fff;--line:#dce5ef;--text:#18324b;--muted:#667b90;--blue:#0d6efd;
  --delivery:#9a4f0b;--slc:#bfe8b9;--weekend:#e8edf2;--slcEnd:#aab6c3;--ops:#ffd64d;--overdue:#ff6b72;
  --green:#30a46c;--amber:#f0a12b;--red:#e5484d;--shadow:0 2px 12px rgba(30,55,80,.08);
  --left-width:1010px;--day-width:92px;--row-height:54px;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}
button,input,select,textarea{font:inherit}.app-shell{padding:14px}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.topbar h1{font-size:27px;margin:0 0 4px}.topbar p{margin:0;color:var(--muted)}.topbar-actions{display:flex;align-items:center;gap:12px}.last-updated{font-size:13px;color:var(--muted)}
.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700;color:var(--text)}.btn:hover{filter:brightness(.98)}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-muted{background:#eef3f7}.btn-outline{background:#fff}
.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;margin-bottom:12px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 14px;box-shadow:var(--shadow)}.summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:700}.summary-card strong{font-size:24px;display:block;margin-top:3px}
.filters-panel,.legend-panel,.board-card{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.filters-panel{padding:14px;display:grid;grid-template-columns:260px 220px 300px minmax(260px,1fr) auto;gap:14px;align-items:end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:800}.filter-group input,.filter-group select{height:40px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:#fff;color:var(--text)}.date-pair{display:flex;align-items:center;gap:6px}.date-pair input{width:116px}.date-pair span{font-size:12px;color:var(--muted)}.filter-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;cursor:pointer}.toggle input{display:none}.toggle span{width:38px;height:21px;background:#a9b6c3;border-radius:999px;position:relative}.toggle span:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:2px;top:2px;transition:.15s}.toggle input:checked+span{background:var(--blue)}.toggle input:checked+span:after{left:19px}
.legend-panel{margin:10px 0;padding:10px 14px;display:flex;gap:22px;flex-wrap:wrap;font-size:12px;color:#354d64}.legend-panel span{display:flex;align-items:center;gap:7px}.legend{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.05);display:inline-block}.legend.delivery{background:var(--delivery)}.legend.slc{background:var(--slc)}.legend.weekend{background:var(--weekend)}.legend.slc-end{background:var(--slcEnd)}.legend.ops{background:var(--ops)}.legend.pending{background:#fff;border-color:#98a9ba}.legend.overdue{background:var(--overdue)}
.board-card{overflow:hidden}.board-scroll{overflow:auto;max-width:100%;height:min(67vh,720px);position:relative}.board{display:grid;grid-template-columns:var(--left-width) max-content;min-width:100%;position:relative}.left-pane{position:sticky;left:0;z-index:15;background:#fff;border-right:2px solid var(--line);box-shadow:8px 0 14px rgba(30,55,80,.04)}.timeline-pane{position:relative;background:#fff}.grid-header,.grid-row{display:grid;align-items:stretch}.left-header{grid-template-columns:118px 78px 150px 120px 100px 58px 90px 105px 105px 125px 105px}.left-row{grid-template-columns:118px 78px 150px 120px 100px 58px 90px 105px 105px 125px 105px}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;display:flex;align-items:center;padding:7px 8px;font-size:12px}.header-cell{height:66px;background:#f7fafc;font-weight:800;justify-content:center;text-align:center}.left-row .cell{height:var(--row-height)}.brand-cell{font-weight:700}.number-cell,.center{justify-content:center}.ops-input{width:100%;border:1px solid #bac8d6;border-radius:6px;padding:7px 5px;background:white;font-size:12px}.pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:8px;font-weight:800;min-width:72px}.pill.early{background:#dcf5df;color:#1f7a40}.pill.ontime{background:#dcebff;color:#0b57b7}.pill.late{background:#ffe0df;color:#b83237}.pill.ahead{background:#dcf5df;color:#1f7a40}.pill.target{background:#dcebff;color:#0b57b7}.pill.risk{background:#ffedd1;color:#a96308}.pill.overdue{background:#ffd7d9;color:#c8262c}.pill.unknown{background:#eef2f6;color:#68798a}
.timeline-weekbar{height:36px;display:flex;position:sticky;top:0;z-index:11;background:#f7fafc;border-bottom:1px solid var(--line)}.week-block{display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border-right:1px solid var(--line)}.timeline-days{display:flex;position:sticky;top:36px;z-index:10;background:#f7fafc}.day-head{width:var(--day-width);height:66px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:800;gap:2px}.day-head.weekend{background:var(--weekend)}.timeline-row{height:var(--row-height);display:flex;position:relative}.day-cell{width:var(--day-width);height:var(--row-height);border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.day-cell.weekend{background:var(--weekend)}.bar{position:absolute;height:28px;top:13px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;white-space:nowrap;z-index:4}.bar.slc{background:var(--slc);height:20px;top:17px;border-radius:2px;z-index:2}.bar.delivery{background:var(--delivery);color:#fff}.bar.slc-end{background:var(--slcEnd);color:#20364d}.bar.ops{background:var(--ops);color:#4d3a00}.bar.overdue{background:var(--overdue);color:#7a0d16}.today-line{position:absolute;top:0;bottom:0;width:2px;background:#ff3b47;z-index:9;pointer-events:none}.today-line:before{content:"";position:absolute;top:100px;left:-4px;width:10px;height:10px;border-radius:50%;background:#ff3b47}.today-label{position:absolute;z-index:12;background:#ff3b47;color:#fff;padding:6px 8px;border-radius:6px;font-size:10px;font-weight:800;transform:translateX(-50%);top:104px;white-space:nowrap;pointer-events:none}.board-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;color:var(--muted);font-size:12px}.hint{font-style:italic}
dialog{border:none;border-radius:12px;padding:0;max-width:640px;width:calc(100% - 28px);box-shadow:0 18px 70px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(20,30,40,.45)}.settings-card{padding:18px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:0}.icon-btn{border:0;background:transparent;font-size:30px;cursor:pointer;color:#667}.settings-note{color:var(--muted);font-size:13px}.settings-card label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;margin:12px 0}.settings-card input,.settings-card textarea{border:1px solid var(--line);border-radius:7px;padding:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin:16px 0}.settings-card small{display:block;color:var(--muted);line-height:1.45}
@media(max-width:1250px){.filters-panel{grid-template-columns:1fr 1fr 1fr}.search-group{grid-column:1/3}.filter-actions{grid-column:3;justify-content:flex-start}.summary-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.app-shell{padding:8px}.topbar{flex-direction:column}.topbar h1{font-size:21px}.summary-grid{grid-template-columns:1fr 1fr}.filters-panel{display:flex;flex-direction:column;align-items:stretch}.filter-actions{justify-content:flex-start}.legend-panel{gap:10px}.hint{display:none}}