:root{--ground: #0A121A;--rail: #07101A;--raised: #0D1824;--raised-2: #0F1A25;--pick: #0E2133;--nav-on: #0F2234;--line: #182635;--line-2: #1E2E3E;--line-soft: #131F2B;--line-strong: #2A4A66;--ink: #F1F6FA;--ink-2: #E3ECF4;--soft: #C4D3DF;--muted: #A9BBCB;--faint: #8DA3B6;--sky: #26ABE2;--sky-hover: #4BBCEA;--sky-text: #5CC3EE;--sky-light: #7FD3F5;--navy: #135989;--on-sky: #04131F;--seg-a: #2F6E98;--seg-b: #4A8DB9;--ok: #3FBF7F;--warn: #F5BE5C;--warn-bg: #2A2110;--bad: #FF8079;--bad-bg: #2E1517;--ok-bg: #12291D;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;color-scheme:dark;font:15px/1.45 var(--sans);color:var(--ink);background:var(--ground)}*{box-sizing:border-box}body{margin:0;background:var(--ground)}::selection{background:var(--navy);color:#fff}a{color:var(--sky-text)}a:hover{color:#9ad9f4}button,select,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}input,select{background:var(--raised-2);border:1px solid var(--line-2);border-radius:8px;color:var(--ink);min-height:42px;padding:0 12px;max-width:100%}input::placeholder{color:var(--faint)}input[type=date]{color-scheme:dark}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{text-align:right;white-space:nowrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.pad{padding:24px}.error{color:var(--bad);font-weight:600}.banner{display:flex;gap:12px;align-items:center;margin:0 0 12px;padding:10px 14px;border-radius:8px;background:var(--bad-bg);color:#ffc9c5;font-weight:600}.banner button{margin-left:auto}.btn{background:var(--sky);color:var(--on-sky);border:0;border-radius:8px;padding:0 18px;min-height:44px;font-weight:700}.btn:hover{background:var(--sky-hover)}.btn:disabled{background:#1c3346;color:#7a92a6;cursor:not-allowed}.btn.quiet{background:none;color:var(--ink);border:1px solid var(--line-strong);font-weight:600}.btn.quiet:hover{border-color:var(--sky)}.btn.danger{background:none;color:var(--bad);border:1px solid #5A2A2A;font-weight:600}.btn.small{min-height:36px;padding:0 12px;font-size:13.5px}.link{background:none;border:0;color:var(--sky-text);padding:4px 6px;font-weight:600;min-height:32px;text-decoration:none;display:inline-flex;align-items:center}.link:hover{color:#9ad9f4}.link.danger{color:var(--bad)}.ghost{flex:1;background:none;border:1px dashed #2A3D50;color:var(--muted);border-radius:10px;min-height:44px;font-weight:600}.ghost:hover{border-color:var(--sky);color:var(--ink)}.chip{background:none;border:1px solid var(--line-2);color:var(--muted);border-radius:999px;padding:0 12px;font-size:13px;font-weight:600;min-height:32px}.chip.on{border-color:var(--sky);color:var(--ink);background:var(--nav-on)}.tag{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn);white-space:nowrap}.tag.info{background:var(--nav-on);color:var(--sky-light)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.tag.ok{background:var(--ok-bg);color:#7ee2a8}.shell{display:flex;min-height:100vh}.rail{flex:none;width:216px;background:var(--rail);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.logo{padding:2px 8px 22px;display:flex;flex-direction:column;align-items:center;text-decoration:none}.logo img{width:150px;height:auto;display:block}.logo span{display:block;margin-top:8px;color:var(--soft);font-size:17px;font-weight:600;letter-spacing:.04em}.nav{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--muted);text-decoration:none;min-height:42px;font-weight:600}.nav:hover{background:#0f1c29;color:var(--ink)}.nav.on{background:var(--nav-on);color:var(--ink);box-shadow:inset 0 0 0 1px #1c3a55}.nav svg{flex:none}.nav .n{margin-left:auto;font-family:var(--mono);font-size:12.5px;color:var(--faint)}.rail .spacer{flex:1}.me{padding:10px;color:var(--faint);font-size:13px;border-top:1px solid var(--line);margin-top:12px}.me b{display:block;color:var(--soft);font-weight:600}.main{flex:1;min-width:0;display:flex;flex-direction:column}.top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:16px 28px;border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.top .date{color:var(--faint);font-weight:500;font-size:18px;margin-left:8px}.search{flex:1 1 240px;max-width:440px;display:flex;align-items:center;gap:8px;background:var(--raised-2);border:1px solid var(--line-2);border-radius:8px;padding:0 12px;min-height:42px;color:var(--faint)}.search input{flex:1;background:none;border:0;min-height:40px;padding:0;min-width:0;outline:none}.fresh{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:13.5px;font-weight:600;margin-left:auto;padding:6px 10px;border-radius:8px}.fresh .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #3fbf7f2e}.fresh.warn{color:var(--warn);background:var(--warn-bg)}.fresh.warn .dot{background:var(--warn);box-shadow:none}.fresh.bad{color:#ffc9c5;background:var(--bad-bg)}.fresh.bad .dot{background:var(--bad);box-shadow:none}.content{padding:20px 28px 120px}.tabbar,.phone-only{display:none}.work{flex:1;display:flex;align-items:flex-start}.list{flex:1;min-width:0;padding:20px 24px 130px 28px}.head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}.head h2{margin:0;font-size:17px;font-weight:700}.head .sum{color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:500}.head .chips{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:32px 124px minmax(0,1fr) 62px 64px 48px 112px;gap:0 12px;align-items:center}.cols{padding:8px 10px;color:var(--faint);font-size:12.5px;font-weight:600;border-bottom:1px solid var(--line)}.row{padding:10px;border:0;border-bottom:1px solid var(--line-soft);background:none;width:100%;text-align:left;min-height:58px}button.row:hover{background:var(--raised)}.row.on{background:var(--pick)}.row.static{cursor:default}.box{width:18px;height:18px;border-radius:5px;border:1.5px solid #4A6178;display:flex;align-items:center;justify-content:center}.row.on .box{background:var(--sky);border-color:var(--sky);color:#06121c}.docno{font-family:var(--mono);font-size:13.5px;font-weight:500;color:#d5e1eb}.cust{min-width:0}.cust b{display:block;font-weight:600;overflow-wrap:anywhere}.cust span{color:var(--muted);font-size:13px;font-weight:500}.cell{font-family:var(--mono);font-size:13.5px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cell.soft{color:var(--soft);font-weight:500}.cell.old{color:var(--warn)}.empty{padding:36px 10px;color:var(--muted)}.more{margin-top:12px}.trucks{flex:none;width:430px;padding:20px 24px 130px;border-left:1px solid var(--line);align-self:stretch}.trucks h2{margin:0 0 12px;font-size:17px;font-weight:700}.trucks h3{margin:18px 0 8px;font-size:13.5px;font-weight:600;color:var(--faint)}.truck{background:var(--raised);border:1px solid #1A2A3A;border-radius:10px;margin-bottom:10px}.truck.target{border-color:var(--sky);background:var(--pick)}.truck.out{opacity:.78}.truck-hd{display:block;width:100%;background:none;border:0;text-align:left;padding:12px 14px 0;border-radius:10px 10px 0 0}.truck-hd:disabled{cursor:default}.t1{display:flex;align-items:baseline;gap:8px}.plate{font-weight:700;font-size:17px;letter-spacing:.01em}.body{color:var(--muted);font-size:13px;font-weight:500}.pct{margin-left:auto;font-family:var(--mono);font-size:17px;font-weight:600;white-space:nowrap}.pct.warn{color:var(--warn)}.pct.over{color:var(--bad)}.pct.none{color:var(--muted);font-size:13px}.bay{display:flex;gap:2px;height:16px;background:#13212e;border-radius:4px;overflow:hidden;margin:10px 0 8px;padding:2px}.bay.over{box-shadow:0 0 0 1px var(--bad)}.seg{height:100%;border-radius:2px;flex:none}.c0{background:var(--seg-a)}.c1{background:var(--seg-b)}.seg.add,.sw.add{background:repeating-linear-gradient(135deg,var(--sky) 0 4px,#1B86B3 4px 8px)}.t2{display:flex;gap:8px;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--soft)}.t2 b{margin-left:auto;font-weight:600;color:var(--ink)}.items{margin:10px 14px 0;padding:8px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;list-style:none}.it{display:flex;align-items:baseline;gap:8px;font-size:12.5px;line-height:1.35}.sw{flex:none;width:8px;height:8px;border-radius:2px;transform:translateY(-1px)}.it .nm{flex:1;min-width:0}.it .nm b{font-weight:600;color:var(--ink-2)}.it .nm span{color:var(--faint)}.it .v{font-family:var(--mono);color:var(--muted);flex:none;font-size:12px}.it.add .nm b{color:var(--sky-light)}.it .x{flex:none;background:none;border:0;color:var(--faint);padding:0 4px;min-height:22px;font-size:14px;line-height:1}.it .x:hover{color:var(--bad)}.truck-ft{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:8px 14px 12px}.truck-ft .st{color:var(--faint);font-size:12.5px;font-weight:500;margin-right:auto}.confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;margin-top:8px;border-top:1px solid var(--line);color:var(--soft);font-weight:600}.spare{display:flex;flex-wrap:wrap;gap:6px}.spare button{background:var(--raised);border:1px solid #1A2A3A;border-radius:8px;min-height:40px;padding:0 12px;text-align:left}.spare button:hover{border-color:var(--line-strong)}.spare button.target{border-color:var(--sky);background:var(--pick)}.spare b{font-weight:700}.spare span{color:var(--faint);font-family:var(--mono);font-size:12px;margin-left:6px}.other{display:flex;gap:8px;margin-top:12px}.newtr{display:flex;gap:8px;margin-top:8px}.newtr input{flex:1}.bar{position:sticky;bottom:0;margin-top:auto;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 28px;background:#0c1622;border-top:1px solid #1E3247;box-shadow:0 -8px 24px #00000059;min-height:70px}.bar .what{font-weight:700;font-size:16px}.bar .what span{color:var(--soft);font-family:var(--mono);font-size:13.5px;font-weight:500;margin-left:10px}.bar .to{color:var(--soft);font-weight:500}.bar .to b{color:var(--ink);font-weight:700}.bar .go{margin-left:auto}.toast{display:flex;align-items:center;gap:12px;color:#bfe6f7;font-weight:600}.toast.bad{color:#ffc9c5}.panel{background:var(--raised);border:1px solid #1A2A3A;border-radius:10px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{color:var(--faint);font-size:12.5px;font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:top}td.num,th.num{text-align:right}td b{font-weight:600}td .sub{display:block;color:var(--muted);font-size:13px}tr.old td:first-child{box-shadow:inset 2px 0 0 var(--warn)}.section{margin:0 0 28px}.section>h2{margin:0 0 12px;font-size:17px;font-weight:700;display:flex;gap:12px;align-items:baseline}.section>h2 span{color:var(--muted);font-family:var(--mono);font-size:13px;font-weight:500}.loadcard{padding:14px;margin-bottom:10px}.loadcard .t1{margin-bottom:4px}.form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:12px 0 2px}.form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--faint)}.form label.inline{flex-direction:row;align-items:center;gap:8px;color:var(--soft);font-size:14px;min-height:42px}.form input[type=number]{width:96px}.form .calc{font-family:var(--mono);color:var(--soft);min-height:42px;display:flex;align-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:24px}.tile{background:var(--raised);border:1px solid #1A2A3A;border-radius:10px;padding:14px;color:var(--muted);font-size:13.5px;font-weight:600}.tile b{display:block;font-family:var(--mono);font-size:28px;font-weight:600;color:var(--ink);margin-bottom:2px}.tile.warn b{color:var(--warn)}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;background:var(--raised);border:1px solid #1A2A3A;border-radius:14px;padding:28px}.login .logo{padding:0 0 10px}.login label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--soft);font-size:14px}.sheet{padding:16px;font:18px/1.4 var(--sans);color:#000;background:#fff;min-height:100vh;color-scheme:light}.sheet h1{font-size:30px;margin:0 0 4px}.sheet th{color:#333;font-size:14px;border-bottom:2px solid #000}.sheet td{border-bottom:1px solid #bbb}.sheet .btn{margin-top:16px}@media print{.noprint{display:none}.sheet{padding:0}}@media (prefers-reduced-motion: no-preference){.seg{transition:width .2s cubic-bezier(.16,1,.3,1)}.row,.truck,.chip,.nav{transition:background-color .15s,border-color .15s}}@media (max-width: 1100px){.work{flex-direction:column;align-items:stretch}.trucks{width:auto;border-left:0;border-bottom:1px solid var(--line);padding:16px 0 12px;order:-1}.trucks>h2,.trucks>h3{padding:0 20px}.truck-strip{display:flex;gap:10px;overflow-x:auto;padding:0 20px 4px;align-items:flex-start}.truck-strip .truck{flex:none;width:300px;margin-bottom:0}.trucks .spare,.trucks .other,.trucks .newtr{padding:0 20px}.list{padding:16px 20px 150px}}@media (max-width: 760px){.rail{display:none}.phone-only{display:inline-flex}.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:4;background:var(--rail);border-top:1px solid var(--line);justify-content:space-around;padding:4px 0 calc(4px + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--faint);text-decoration:none;font-size:11.5px;font-weight:600;padding:6px 0;min-height:48px}.tabbar a.on{color:var(--sky)}.top{padding:12px 16px}.top h1{font-size:20px}.top .date{font-size:15px}.fresh{font-size:12.5px;padding:4px 8px}.fresh .long{display:none}.head .chips{margin-left:0}.bar.idle{display:none}.search{order:3;max-width:none;flex-basis:100%}.content{padding:16px 16px 140px}.list{padding:12px 12px 170px}.cols{display:none}.grid.row{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"box cust cbm" "box no val";gap:2px 10px}.grid.row>.box{grid-area:box}.grid.row>.cust{grid-area:cust}.grid.row>.docno{grid-area:no;font-size:12.5px;color:var(--faint)}.grid.row>.c-cbm{grid-area:cbm}.grid.row>.c-val{grid-area:val;color:var(--soft);font-weight:500;font-size:12.5px}.grid.row>.c-wait,.grid.row>.c-ctn{display:none}.bar{position:fixed;left:0;right:0;bottom:calc(58px + env(safe-area-inset-bottom));padding:10px 16px;min-height:0}.bar .go{width:100%;margin-left:0;min-height:48px}.truck-strip .truck{width:270px}}