:root{--bg:#f1f5f9;--panel:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#2563eb;--accent-soft:#eff6ff;--ok:#059669;--ok-soft:#ecfdf5;--warn:#d97706;--warn-soft:#fffbeb;--danger:#dc2626;--danger-soft:#fef2f2;--radius:14px;--shadow:0 1px 2px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.06)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;overflow:hidden}button{color:inherit;border:0;background:none;cursor:pointer}button,input{font:inherit}.spacer{flex:1 1}.iconbtn{padding:7px 11px;border-radius:10px;border:1px solid var(--line);font-size:12.5px;font-weight:600;background:var(--panel);display:inline-flex;align-items:center;gap:6px}.iconbtn:hover{background:var(--bg)}.iconbtn.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.login{position:fixed;inset:0;background:linear-gradient(160deg,#0f172a,#334155);display:flex;align-items:center;justify-content:center;padding:18px;z-index:500}.lbox{background:var(--panel);border-radius:20px;width:min(430px,100%);padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.lbox h1{margin:0 0 3px;font-size:19px;letter-spacing:-.02em}.lbox p.sub{margin:0 0 18px;color:var(--muted);font-size:13px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:12px;font-weight:700;color:var(--muted)}.field .userinput{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;overflow:hidden}.field .userinput input{flex:1 1;padding:11px 13px;border:0;font-size:15px;outline:none}.field .userinput .domain{display:flex;align-items:center;padding:0 12px;background:var(--bg);color:var(--muted);font-size:13.5px;font-weight:600;border-left:1px solid var(--line)}.field input.pw{padding:11px 13px;border:1px solid var(--line);border-radius:12px;font-size:15px;outline:none}.field .userinput:focus-within,.field input:focus{border-color:var(--ink)}.lbtn{width:100%;padding:12px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;margin-top:4px}.lbtn:disabled{opacity:.6}.err{color:var(--danger);font-size:12.5px;margin-top:10px;font-weight:600}.hint{font-size:11.5px;color:var(--muted);margin-top:12px}.app{display:flex;flex-direction:column;height:100dvh}header{background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px;flex:none}.hrow{flex-wrap:wrap}.brand,.hrow{display:flex;align-items:center;gap:9px}.brand{font-weight:700;font-size:16px;letter-spacing:-.02em}.logo{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,#0f172a,#475569);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}.userchip{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:4px 9px 4px 4px}.userchip .av{width:26px;height:26px;border-radius:8px;font-size:11px;display:grid;place-items:center;font-weight:800;color:#fff}.userchip b{font-size:12.5px}.userchip span{font-size:11px;color:var(--muted);display:block;line-height:1.15}.seg{display:flex;background:var(--bg);border-radius:11px;padding:3px;gap:2px}.seg button{padding:7px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted)}.seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.weekbar{gap:8px;margin-top:10px;flex-wrap:wrap}.weekbar,.wknav{display:flex;align-items:center}.wknav{gap:4px;border:1px solid var(--line);border-radius:10px;padding:3px;background:var(--panel)}.wknav button{padding:6px 10px;border-radius:8px;font-weight:700;position:relative}.wknav button:hover{background:var(--bg)}.wklabel{font-weight:700;font-size:13px;padding:0 6px;min-width:150px;text-align:center}.overdue-dot{position:absolute;top:-5px;right:-5px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;min-width:17px;height:17px;border-radius:9px;display:grid;place-items:center;padding:0 4px}.stat{font-size:12px;color:var(--muted)}.stat b{color:var(--ink)}.main{flex:1 1;display:flex;flex-direction:column;min-height:0}.board{flex:1 1;gap:12px;padding:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.board,.col{display:flex}.col{flex:0 0 288px;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);max-height:100%;scroll-snap-align:start;transition:background .12s,border-color .12s}.col.dropping,.mcell.dropping,.tray.dropping{border-color:var(--accent);background:var(--accent-soft)}.col.today .colhead{background:linear-gradient(180deg,#eff6ff,transparent)}.colhead{padding:11px 12px 9px;border-bottom:1px solid var(--line);flex:none}.colttl{display:flex;align-items:baseline;gap:7px}.colttl h2{margin:0;font-size:14px;font-weight:700}.colttl .d{font-size:12px;color:var(--muted)}.colttl .count{margin-left:auto}.count{font-size:11px;font-weight:700;color:var(--muted);background:var(--bg);border-radius:20px;padding:2px 8px}.colmeta{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}.pill{font-size:11px;font-weight:700;padding:3px 7px;border-radius:7px;background:var(--bg);color:var(--muted)}.pill.chrome{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.pill.black{background:#1e293b;color:#fff}.pill.dang{background:var(--danger-soft);color:var(--danger)}.copyall{margin-left:6px;font-size:11px;font-weight:700;color:var(--accent);padding:3px 6px;border-radius:7px}.copyall:hover{background:var(--accent-soft)}.kitstoggle{margin-top:8px;font-size:11.5px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:5px;width:100%;padding:4px 0}.kitstoggle:hover{color:var(--ink)}.kitstoggle .chev2{transition:transform .15s}.kitstoggle.open .chev2{transform:rotate(180deg)}.kits{display:none;margin-top:5px;background:var(--bg);border-radius:9px;padding:7px 8px;gap:6px;flex-direction:column}.kitrow,.kits.open{display:flex}.kitrow{align-items:center;gap:6px;flex-wrap:wrap}.kitrow,.kitrow>b{font-size:11.5px}.kit{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:11px}.cards{flex:1 1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px}.empty{color:#94a3b8;font-size:12.5px;text-align:center;padding:20px 8px;border:1.5px dashed var(--line);border-radius:11px}.tray{flex:none;background:var(--panel);border-top:1px solid var(--line);transition:border-color .12s,background .12s}.trayhead{display:flex;align-items:center;gap:9px;padding:9px 14px;cursor:pointer}.trayhead h2{margin:0;font-size:13.5px;font-weight:700}.traycards{display:flex;gap:9px;padding:0 14px 12px;overflow-x:auto;overflow-y:hidden}.traycards .card{flex:0 0 250px}.tray.collapsed .traycards{display:none}.chev{transition:transform .15s;color:var(--muted)}.tray.collapsed .chev{transform:rotate(-90deg)}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);position:relative}.card.confirmed{border-left:3px solid var(--ok)}.card.urgent{border-left:3px solid var(--danger)}.card.shipped{opacity:.5}.card.cancelled{border:1px solid var(--danger);background:var(--danger-soft)}.card.cancelled .badges .b.ok,.card.cancelled .items{opacity:.55}.card.changed{border-left:3px solid var(--warn)}.onum.strike{text-decoration:line-through;text-decoration-thickness:2px;color:var(--danger)}.diff{margin-top:8px;background:var(--warn-soft);border-radius:8px;padding:6px 8px;font-size:11.5px;line-height:1.5;color:#92400e}.rowbtns button.dang{background:var(--danger);border-color:var(--danger);color:#fff}.card.dragging{opacity:.35}.card.fresh{animation:fresh 1.1s ease-in-out 4;border-color:var(--accent)}@keyframes fresh{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px rgba(37,99,235,.22)}}.newdot{position:absolute;top:-6px;left:-6px;background:var(--accent);color:#fff;font-size:9.5px;font-weight:800;padding:2px 6px;border-radius:20px}.card-ghost{position:fixed;z-index:999;pointer-events:none;transform:rotate(2deg);box-shadow:0 12px 30px rgba(15,23,42,.25)}.cardtop{display:flex;align-items:center;gap:6px}.grip{width:22px;height:26px;display:grid;place-items:center;color:#cbd5e1;cursor:-webkit-grab;cursor:grab;touch-action:none;flex:none;margin-left:-4px}.onum{font-weight:800;font-size:14.5px;letter-spacing:-.02em}.odate{font-size:11.5px;color:var(--muted)}.age{font-weight:700}.age.warn{color:var(--warn)}.age.dang{color:var(--danger)}.cardtop .acts{margin-left:auto;display:flex;gap:2px}.mini{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--muted);font-size:13px}.mini:hover{background:var(--bg);color:var(--ink)}.cust{font-size:12px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.items{margin-top:8px;flex-direction:column;gap:4px}.it,.items{display:flex}.it{align-items:center;gap:7px;font-size:12.5px}.sw{width:12px;height:12px;border-radius:4px;flex:none;border:1px solid rgba(15,23,42,.15)}.sw.chrome{background:linear-gradient(135deg,#e2e8f0,#94a3b8)}.sw.black{background:linear-gradient(135deg,#334155,#0f172a)}.it .qty{margin-left:auto;font-weight:700}.noitems{font-size:12px;color:var(--warn);background:var(--warn-soft);padding:5px 7px;border-radius:7px;margin-top:8px}.badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.b{font-size:10.5px;font-weight:700;padding:3px 7px;border-radius:7px;display:inline-flex;align-items:center;gap:4px}.b.ok{background:var(--ok-soft);color:var(--ok)}.b.warn{background:var(--warn-soft);color:var(--warn)}.b.dang{background:var(--danger-soft);color:var(--danger)}.b.info{background:var(--accent-soft);color:var(--accent)}.b.mut{background:var(--bg);color:var(--muted)}.b.prio{background:var(--ink);color:#fff}.rowbtns{display:flex;gap:5px;margin-top:9px}.rowbtns button{flex:1 1;font-size:11.5px;font-weight:700;padding:7px;border-radius:8px;border:1px solid var(--line);background:var(--panel)}.rowbtns button:hover{background:var(--bg)}.rowbtns button.go{background:var(--ok);border-color:var(--ok);color:#fff}.rowbtns button.warnb{background:var(--warn);border-color:var(--warn);color:#fff}.month{flex:1 1;overflow:auto;padding:12px}.mgrid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));grid-gap:8px;gap:8px;min-width:780px}.mgrid.w7{grid-template-columns:repeat(7,minmax(120px,1fr));min-width:900px}.mdow{font-size:11.5px;font-weight:700;color:var(--muted);text-align:center;padding:4px 0}.mcell{background:var(--panel);border:1px solid var(--line);border-radius:11px;min-height:112px;padding:7px;display:flex;flex-direction:column;gap:5px;transition:.12s}.mcell.off{background:#f8fafc;opacity:.55}.mcell.today{border-color:var(--accent)}.mtop{display:flex;align-items:center;gap:5px}.mtop b{font-size:12.5px}.mtop .mm{font-size:10px;color:var(--muted);margin-left:auto;font-weight:700}.mcard{border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:5px;background:var(--panel);cursor:-webkit-grab;cursor:grab;touch-action:none}.mcard.confirmed{border-left:3px solid var(--ok)}.mcard.urgent{border-left:3px solid var(--danger)}.mcard.shipped{opacity:.45}.mcard.fresh{border-color:var(--accent);animation:fresh 1.1s ease-in-out 4}.dots{margin-left:auto;display:flex;gap:2px}.dot{width:7px;height:7px;border-radius:50%}.dot.chrome{background:#94a3b8}.dot.black{background:#1e293b}.mwarn{color:var(--warn)}.scrim{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--panel);border-radius:16px;width:min(560px,100%);max-height:86dvh;display:flex;flex-direction:column}.mhead{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.mhead h3{margin:0;font-size:15px}.mbody{padding:14px 16px;overflow:auto}.hist{list-style:none;margin:0;padding:0;flex-direction:column}.hist,.hist li{display:flex;gap:9px}.hist li{font-size:12.5px;border-bottom:1px solid var(--line);padding-bottom:9px}.hist time{color:var(--muted);flex:none;width:92px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hist .who{font-weight:700;flex:none}.menu{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px rgba(15,23,42,.22);padding:5px;z-index:200;min-width:200px;max-height:70dvh;overflow:auto}.menu button{display:block;width:100%;text-align:left;padding:9px 11px;border-radius:8px;font-size:13px}.menu button:hover{background:var(--bg)}.menu hr{border:0;border-top:1px solid var(--line);margin:5px 0}.mgroup{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 11px 4px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:11px;font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;z-index:300}.toast.show{opacity:1;transform:translate(-50%)}.legend{font-size:12.5px;color:var(--muted);line-height:1.7}.noaccess{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}.noaccess .lbox{max-width:420px}@media (max-width:760px){.col{flex:0 0 84vw}.board{padding:9px;gap:9px}.wklabel{min-width:118px;font-size:12px}header{padding:9px 10px}.mgrid{grid-template-columns:repeat(5,minmax(140px,1fr))}}