:root{--bg:#f2f5f2;--surface:#fff;--ink:#16202a;--muted:#56636b;--line:#d6ddd8;--accent:#1e6b47;--accent-ink:#fff;--accent-soft:#e2efe7;--ship:#e6f0ea;--warn:#8a5700;--warn-soft:#fbf0dc;--bad:#b3261e;--bad-soft:#fbe6e3;--display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1512;--surface:#17201b;--ink:#e4ebe6;--muted:#9aa8a0;--line:#2b3831;--accent:#62c392;--accent-ink:#0f1512;--accent-soft:#1b3326;--ship:#1f3327;--warn:#e3ae55;--warn-soft:#33280f;--bad:#f2918a;--bad-soft:#3b1d1b}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1512;--surface:#17201b;--ink:#e4ebe6;--muted:#9aa8a0;--line:#2b3831;--accent:#62c392;--accent-ink:#0f1512;--accent-soft:#1b3326;--ship:#1f3327;--warn:#e3ae55;--warn-soft:#33280f;--bad:#f2918a;--bad-soft:#3b1d1b}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:15px/1.5 var(--body);margin:0;padding-block:20px 48px;padding-inline:16px}.wrap{gap:20px;max-width:1180px;margin:0 auto;display:grid}h1,h2,h3{font-family:var(--display);letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h1{text-transform:uppercase;font-size:34px}h2{text-transform:uppercase;font-size:22px}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:600}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:6px 12px;font-weight:500}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.link{color:var(--accent);background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline}button.tname{text-align:left;color:inherit;background:0 0;border:0;border-radius:2px;padding:0;font-weight:600}button.tname:hover{text-decoration:underline}button:disabled{opacity:.6;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{background:var(--bg);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;padding:7px 9px}.banner{background:var(--warn-soft);color:var(--ink);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 14px;display:flex}.banner b{color:var(--warn)}.stats{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--surface);align-content:start;gap:2px;padding:14px 16px;display:grid}.stat .big{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.1}.stat .small{color:var(--muted);font-size:13px}.stat.good .big{color:var(--accent)}.stat.bad .big{color:var(--bad)}.insight{color:var(--muted);max-width:80ch;margin:0;font-size:14px}.col{gap:14px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;gap:12px;padding:16px;display:grid}.slot{background:var(--surface);border:1px solid var(--line);border-radius:8px;grid-template-columns:88px 1fr;display:grid}.slot-date{border-right:1px dashed var(--line);text-align:center;align-content:start;gap:0;padding:14px 10px;display:grid}.slot-date .dow{font-family:var(--display);text-transform:uppercase;color:var(--muted);font-size:18px;font-weight:600}.slot-date .day{font-family:var(--display);font-size:44px;font-weight:700;line-height:1}.slot-date .mon{font-family:var(--display);text-transform:uppercase;font-size:18px;font-weight:600}.slot-body{gap:10px;min-width:0;padding:12px 14px;display:grid}.slot-head{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.chip{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.chip.cargo{background:var(--ink);color:var(--bg)}.slot-head .cost{margin-left:auto;font-weight:600}.slot-head .meta{color:var(--muted);font-size:13px}.mode-pick{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.mode-pick select{width:auto;color:var(--ink);padding:3px 6px;font-size:13px}.orders{gap:8px;margin:0;padding:0;list-style:none;display:grid}.order{border-top:1px solid var(--line);gap:4px;padding-top:8px;display:grid}.order-row{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.order-row .meta{color:var(--muted);font-size:13px}.pill{border-radius:999px;margin-left:auto;padding:1px 8px;font-size:12px;font-weight:600}.pill.ok{background:var(--accent-soft);color:var(--accent)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.none{background:var(--bg);color:var(--muted)}.note{border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 10px;font-size:14px;display:flex}.note.bad{background:var(--bad-soft)}.note.tip{background:var(--accent-soft)}.note button{padding:3px 10px;font-size:13px}.slot-foot{justify-content:flex-end;display:flex}.empty{color:var(--muted);text-align:center;padding:24px}form.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}form.grid .full{grid-column:1/-1}.field{gap:4px;display:grid}.field span,.field>label{color:var(--muted);font-size:13px;font-weight:500}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:6px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--line);white-space:nowrap;padding:6px}td input{width:64px;padding:4px 6px}td.r,th.r{text-align:right}td.acts button+button{margin-left:12px}.days{flex-wrap:wrap;gap:6px;display:flex}.days label{border:1px solid var(--line);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:flex}.days input{width:auto}.hint{color:var(--muted);margin:0;font-size:13px}.set-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.save{color:var(--muted);font-size:13px}.save.ok:before{content:"✓ ";color:var(--accent)}.save.error{color:var(--bad);font-weight:600}.panel h3{text-transform:uppercase;font-size:18px}.fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:14px;display:grid}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);margin:0}.unit{background:var(--bg);border:1px solid var(--line);border-radius:6px;align-items:center;display:flex}.unit:focus-within{outline:2px solid var(--accent);outline-offset:2px}.unit input{background:0 0;border:0;outline:0}.unit span{white-space:nowrap;padding-inline:9px}.unit span:first-child{padding-right:0}.unit span:last-child{padding-left:0}.calc{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.calc li{border-top:1px solid var(--line);flex-wrap:wrap;gap:2px 14px;padding-top:6px;display:flex}.calc .w{min-width:48px;font-weight:600}.calc b{color:var(--accent);font-weight:600}.calc .off{color:var(--muted)}.panel.quiet{background:0 0;border-style:dashed}.tl-wrap{margin-inline:-4px;overflow-x:auto}table.tl{--nm:200px;--st:136px;border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:calc(var(--nm) + var(--st) + var(--n) * 24px);font-size:13px}.tl .c-nm{width:var(--nm)}.tl .c-st{width:var(--st)}.tl th,.tl td{text-align:center;white-space:nowrap;border:0;padding:0}.tl th{color:var(--muted);text-transform:none;letter-spacing:0;padding-block:4px;font-size:11px;font-weight:600;line-height:1.25}.tl th span{display:block}.tl th .mo{color:var(--ink);height:14px}.tl th .dt{font-family:var(--mono);color:var(--ink);border-radius:999px;width:22px;margin:0 auto;font-size:12px}.tl thead th.ship span{color:var(--accent)}.tl thead th.past span{opacity:.5}.tl th.today .dt{background:var(--accent);color:var(--accent-ink)}.tl .nm{z-index:3;color:var(--ink);background:var(--surface);text-align:left;padding-right:10px;font-size:13px;font-weight:500;line-height:1.25;position:sticky;left:0;overflow:hidden}.tl .nm .tname{text-overflow:ellipsis;max-width:100%;font-weight:600;display:block;overflow:hidden}.tl .nm small{text-overflow:ellipsis;color:var(--muted);font-size:11px;font-weight:500;display:block;overflow:hidden}.tl .nm small b{color:var(--bad);font-weight:600}.tl .st{z-index:3;background:var(--surface);box-shadow:inset 1px 0 var(--line);text-align:left;padding-left:10px;position:sticky;right:0}.tl .st .pill{margin-left:0}.tl .grp th{text-align:left;background:var(--bg);border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:6px 8px;font-size:12px}.tl .grp th>span{display:inline-block;position:sticky;left:8px}.tl .grp th span span{display:inline}.tl .grp .chip{padding:1px 7px;font-size:11px}.tl .grp .num{letter-spacing:0;text-transform:none;color:var(--ink)}.tl td{border-top:1px solid var(--line);height:40px;position:relative}.tl .ship{background:var(--ship)}.tl td.today:before{content:"";border-left:1px dashed var(--accent);z-index:2;position:absolute;top:0;bottom:0;left:50%}.tl td.past>*,.tl td.past:after{opacity:.4}.tl td i{z-index:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tl td b{border-block:1px dashed;height:12px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.tl td b.ok{background:var(--accent-soft);border-color:var(--accent)}.tl td b.bad{background:var(--bad-soft);border-color:var(--bad)}.tl i.p{background:var(--accent);height:12px}.tl i.w{background:repeating-linear-gradient(135deg,var(--warn) 0 2px,transparent 2px 6px);height:12px}.tl i.s{background:var(--ink);border-radius:50%;width:14px;height:14px;left:50%;transform:translate(-50%,-50%)}.tl i.t{background:var(--ink);height:3px}.tl i.a{background:var(--ink);height:3px;right:50%}.tl i.a:after{content:"";background:var(--ink);width:10px;height:10px;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.tl td.dl:after{content:"";border-right:3px solid var(--accent);z-index:1;position:absolute;top:5px;bottom:5px;right:0}.tl td.dl.late:after{border-color:var(--bad)}.legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend i{width:18px;height:10px;display:inline-block}.legend .p{background:var(--accent)}.legend .w{background:repeating-linear-gradient(135deg,var(--warn) 0 2px,transparent 2px 6px)}.legend .s{background:var(--ink);border-radius:50%;width:10px}.legend .t{background:var(--ink);height:3px}.legend .a{background:var(--ink);width:10px}.legend .ok{background:var(--accent-soft);border-block:1px dashed var(--accent)}.legend .bad{background:var(--bad-soft);border-block:1px dashed var(--bad)}.legend .dl{background:linear-gradient(var(--accent) 50%,var(--bad) 50%);width:3px;height:14px}.legend .sh{background:var(--ship);border:1px solid var(--line)}.legend .td{border-left:1px dashed var(--accent);width:0;height:14px}@media (width<=600px){table.tl{--nm:140px}.tl .st{box-shadow:none;position:static}}@media (width<=880px){.stats{grid-template-columns:1fr 1fr}}@media (width<=420px){.slot{grid-template-columns:64px 1fr}.slot-date .day{font-size:34px}form.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.top-actions{flex-wrap:wrap;gap:8px;display:flex}.tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.tabs button{border:0;white-space:nowrap;font-family:var(--display);text-transform:uppercase;letter-spacing:.03em;color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:18px;font-weight:700;display:flex}.tabs button:hover{color:var(--ink);border-color:#0000}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tabs button:focus-visible{outline-offset:-2px}.count{font-family:var(--mono);letter-spacing:0;background:var(--bg);color:var(--muted);border-radius:999px;padding:0 6px;font-size:12px;font-weight:600;line-height:1.5}.count.bad{background:var(--bad-soft);color:var(--bad)}.empty p{margin:0 0 10px}.empty p:last-child{margin:0}dialog.dlg{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;width:min(520px,100vw - 32px);max-width:none;padding:0}dialog.dlg::backdrop{background:#0000008c}dialog.dlg form{padding:20px}.dlg-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.login{max-width:380px;margin:10vh auto 0}.err{color:var(--bad);margin:0;font-size:14px}dialog.dlg.wide{width:min(620px,100vw - 32px)}form.jadwal{gap:14px;display:grid}form.jadwal fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}form.jadwal legend{padding:0}.opsi-list{gap:8px;display:grid}.opsi{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.opsi:hover{border-color:var(--accent)}.opsi.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.opsi:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.opsi input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin:2px 0 0}.opsi input:focus-visible{outline:0}.opsi-body{flex:1;gap:6px;min-width:0;display:grid}.opsi-top,.opsi-meta{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.opsi-meta{color:var(--muted);font-size:13px}.opsi-meta .num{color:var(--ink);font-weight:600}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600}.tag.warn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.ajak{gap:8px;display:grid}.ajak .check{align-items:flex-start;font-size:14px;font-weight:400}.ajak .check input{flex:none;margin-top:2px}button.link.small{font-size:13px}.dlg-actions .push{margin-right:auto}@media (width<=420px){.dlg-actions{flex-wrap:wrap}.dlg-actions .push{flex-basis:100%}}