:root{--bg:#f1efed;--card:#fcfbfb;--raise:#f8f7f6;--hover:#edeae7;--line:#e7e5e3;--text:#2d2d2d;--muted:#8c8783;--micro:#a8a29d;--accent:#d97757;--accent-hover:#e0805c;--green:#3f6b45;--red:#b23a2e;--amber:#8a5a0f;--sea:#43647e;--grey:#d3cfcb;--dotted:#c9c3bd;--faint:#b8b2ac;--sea-bg:#edf1f4;--air-bg:#f7e3da;--amber-bg:#faf2e4;--accent-glow:rgba(217,119,87,.12)}html[data-theme=dark]{--bg:#1b1a19;--card:#211f1e;--raise:#262423;--hover:#2b2927;--line:#343230;--text:#e9e7e2;--muted:#9a978f;--micro:#807d75;--green:#8fb573;--red:#e5735c;--amber:#d9a854;--sea:#9fc2de;--grey:#3f3c39;--dotted:#4a4744;--faint:#6f6c65;--sea-bg:#24313c;--air-bg:#3a2b25;--amber-bg:#332c1e;--accent-glow:rgba(217,119,87,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.micro{text-transform:uppercase;letter-spacing:.14em;font-size:9.5px;font-weight:600;color:var(--micro)}.num{font-variant-numeric:tabular-nums}.cpmark{position:relative;display:inline-block;width:1em;height:1em;color:var(--accent)}.cpmark svg{width:100%;height:100%;display:block}.cpmark .c{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-dasharray:78 22;stroke-dashoffset:-11}.cpmark .orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:cporb 4.6s ease-in-out infinite}.cpmark .diamond{position:absolute;top:50%;left:100%;width:.24em;height:.24em;margin:-.12em 0 0 -.12em;background:currentColor;transform:rotate(45deg);border-radius:15%}@keyframes cporb{0%{transform:rotate(0)}55%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.cpmark .orbit{animation:none}}#themeToggle{position:fixed;left:16px;bottom:16px;z-index:50;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}#themeToggle{display:flex;align-items:center;justify-content:center;font-size:15px}#themeToggle:hover{color:var(--text)}.logo-tile{border-radius:3px;background:var(--accent);color:var(--card);display:flex;align-items:center;justify-content:center}.logo-tile .cpmark{color:var(--card)}.login-wrap{display:flex;align-items:center;justify-content:center;background:var(--raise);padding:72px 24px;min-height:100vh}.login-card{width:400px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:42px 40px;text-align:center}.login-card .logo-tile{width:44px;height:44px;font-size:22px;margin:0 auto 22px}.login-title{color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.01em}.login-sub{color:var(--muted);font-size:12.5px;margin-top:9px;line-height:1.55}.login-google{margin-top:28px;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);color:var(--card);border:none;width:100%;border-radius:3px;padding:12px 18px;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;font-family:inherit}.login-google:hover{background:var(--accent-hover);color:var(--card)}.login-domains{color:var(--micro);font-size:11px;margin-top:18px}.login-hint{margin-top:23px;padding-top:18px;border-top:1px solid var(--line);display:flex;align-items:flex-start;gap:10px;text-align:left}.login-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--amber);margin-top:5px;flex:0 0 auto}.login-hint .txt{color:var(--muted);font-size:11px;line-height:1.5}.login-hint .txt strong{color:var(--text);font-weight:400}.sidebar{width:200px;flex:0 0 auto;background:var(--card);border-right:1px solid var(--line);padding:18px 0;display:flex;flex-direction:column;min-height:100vh}.sidebar .brand{display:flex;align-items:center;gap:10px;padding:0 16px 20px;cursor:pointer}.sidebar a{text-decoration:none}.sidebar .brand .logo-tile{width:24px;height:24px;font-size:13px}.sidebar .brand .name{color:var(--text);font-size:13px;font-weight:700}.sidebar .section{padding:0 16px 8px}.sidebar .section+.section,.sidebar .nav+.section{padding-top:20px}.sidebar .nav-item{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;cursor:pointer;border-left:2px solid transparent;color:var(--muted);font-size:12.5px}.sidebar .nav-item:hover{background:var(--hover);color:var(--text)}.sidebar .nav-item.active{background:var(--raise);border-left-color:var(--accent);color:var(--text);font-weight:600}.sidebar .nav-item .count{color:var(--micro);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.sidebar .spacer{flex:1}.sidebar .foot{margin:20px 16px 0;padding-top:14px;border-top:1px solid var(--line);color:var(--micro);font-size:10px;line-height:1.6;white-space:pre-line}.sidebar .foot.warn{color:var(--amber);cursor:pointer}.sidebar .foot.warn:hover{text-decoration:underline}.sidebar .signout{margin:12px 16px 58px;color:var(--micro);font-size:10.5px;cursor:pointer}.sidebar .signout:hover{color:var(--text)}.app{display:flex;background:var(--bg);min-height:100vh}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:var(--card);border-bottom:1px solid var(--line)}.content{padding:16px 20px 28px}.identity{display:flex;align-items:center;gap:8px}.identity .avatar{width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--accent);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.identity .email{color:var(--muted);font-size:11.5px}.syncbtn{border:1px solid var(--line);background:var(--raise);color:var(--muted);font:inherit;font-size:11px;font-weight:600;border-radius:3px;padding:6px 11px;cursor:pointer;white-space:nowrap}.syncbtn:hover{color:var(--text);background:var(--hover)}.syncbtn:disabled{opacity:.6;cursor:default}.search{flex:1;display:flex;align-items:center;gap:9px;background:var(--raise);border:1px solid var(--line);border-radius:3px;padding:7px 11px;max-width:440px;cursor:text}.search svg{flex:0 0 auto}.search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--text);font:inherit;font-size:12.5px}.search input::placeholder{color:var(--muted)}.search .kbd{color:var(--micro);font-size:10px;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:3px}.mlabel{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--micro)}.flabel{font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--micro)}.loading{color:var(--micro);font-size:12px;padding:24px 0}.empty{color:var(--muted);font-size:12.5px;padding:20px 0}.arrival-card{display:block;padding:14px 16px;margin-bottom:14px;color:inherit}a.arrival-card:hover{color:inherit;background:var(--raise)}.arrival-card .title{color:var(--text);font-size:16px;font-weight:700}.arrival-card .sku{color:var(--micro);font-size:12px}.arrival-card .line{color:var(--muted);font-size:12.5px;margin-top:7px;line-height:1.5}.arrival-card .line strong{color:var(--text);font-weight:700}.alerts{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.alert-row{display:flex;align-items:center;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:3px;padding:10px 13px;color:inherit}.alert-row:hover{color:inherit;background:var(--raise)}.alert-row.crit{border-left:3px solid var(--red)}.alert-row.warn{border-left:3px solid var(--amber)}.alert-row .txt{color:var(--text);font-size:12.5px;flex:1}.alert-row .go{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.wb-warn{background:var(--amber-bg);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:3px;padding:9px 13px;color:var(--text);font-size:12.5px;margin-bottom:12px}.ship-grid{display:grid;grid-template-columns:130px 165px 1fr 130px 140px 88px 20px;gap:14px;padding:0 16px;align-items:center}.ship-head{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--micro)}.ship-row{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--hover);color:inherit;cursor:pointer}.ship-row:hover{background:var(--raise);color:inherit}.ship-row .po{color:var(--text);font-size:13px;font-weight:700}.ship-row .meta{color:var(--micro);font-size:11px;margin-top:2px}.stage-cell{display:flex;align-items:center;gap:7px;min-width:0}.stage-cell .sdot{width:6px;height:6px;border-radius:50%;flex:0 0 auto}.stage-cell .txt{color:var(--text);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.freight-cell{display:flex;align-items:center;gap:9px;min-width:0}.freight-cell .fwd{color:var(--text);font-size:12px;font-weight:600;white-space:nowrap}.freight-cell .ref{color:var(--micro);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dates-cell{font-size:12px;font-weight:600}.lead-cell .top{display:flex;justify-content:space-between;margin-bottom:5px}.lead-cell .lbl{font-size:11px;font-weight:700}.lead-cell .pct{color:var(--micro);font-size:10px}.bar{height:3px;background:var(--hover);overflow:hidden}.bar>i{display:block;height:3px}.chev{text-align:right;color:var(--faint)}.table-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;color:var(--micro);font-size:11px}.archive-toggle{border:none;background:none;color:var(--muted);font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:0}.archive-toggle:hover{color:var(--text)}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:3px;flex:0 0 auto}.chip.sea{background:var(--sea-bg);color:var(--sea)}.chip.air{background:var(--air-bg);color:var(--accent)}.chip .lbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.dots{display:flex;gap:9px}.dots .stack{display:flex;flex-direction:column;align-items:center;gap:4px}.dots .tag{font-size:7.5px;font-weight:700;letter-spacing:.08em;color:var(--faint)}.pdot{width:8px;height:8px;border-radius:50%;border:1px solid var(--grey);background:transparent;flex:0 0 auto}.pdot.paid{background:var(--green);border-color:var(--green)}.pdot.due{background:var(--amber);border-color:var(--amber)}.pdot.late{background:var(--red);border-color:var(--red)}.backlink{display:inline-block;color:var(--micro);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.backlink:hover{color:var(--text)}.po-head{padding:18px 20px;margin-bottom:16px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.po-head .ref-row{display:flex;align-items:center;gap:12px}.po-head .ref{color:var(--text);font-size:24px;font-weight:700;letter-spacing:-.01em}.stage-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:3px;padding:5px 10px}.stage-badge .sdot{width:6px;height:6px;border-radius:50%}.stage-badge .txt{color:var(--text);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.po-head .meta{color:var(--muted);font-size:12px;margin-top:8px}.btn-accent{background:var(--accent);color:var(--card);border:none;font:inherit;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:3px;cursor:pointer;white-space:nowrap}.btn-accent:hover{background:var(--accent-hover)}.add-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:20;background:var(--card);border:1px solid var(--line);border-radius:3px;box-shadow:0 4px 18px #0000001f;min-width:130px;overflow:hidden}.add-menu button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;color:var(--text);font:inherit;font-size:12px;padding:9px 12px;cursor:pointer;text-align:left}.add-menu button:hover{background:var(--hover)}.ship-card{padding:16px 18px}.ship-card .head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--hover)}.ship-card .fld .val{color:var(--text);font-size:13px;font-weight:600;margin-top:3px}.ship-card .spring{flex:1}.ship-card .eta-box{text-align:right}.ship-card .eta-box .val{font-size:14px;font-weight:700;margin-top:3px}.track{color:var(--micro);font-size:10.5px;margin-left:6px}.track:hover{color:var(--accent)}.timeline{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 6px 4px;position:relative}.timeline .rail{position:absolute;left:20px;right:20px;top:25px;height:1px;background:var(--line)}.tl-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;width:104px;background:none;border:none;padding:0;font:inherit;cursor:pointer}.tl-step .tdot{width:11px;height:11px;border-radius:50%;border:2px solid var(--card);background:var(--grey)}.tl-step.done .tdot{background:var(--green)}.tl-step.current .tdot{background:var(--accent);box-shadow:0 0 0 5px var(--accent-glow)}.tl-step .tlbl{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-align:center;line-height:1.35}.tl-step.done .tlbl,.tl-step.current .tlbl{color:var(--text)}.tl-step .tdate{font-size:11px;color:var(--micro)}.tl-step:hover .tlbl{color:var(--text)}.items{margin-top:16px;border-top:1px solid var(--hover);padding-top:12px}.items .row{display:grid;grid-template-columns:1fr 110px 110px;gap:14px;padding:8px 0;align-items:center}.items .row+.row{border-top:1px solid var(--bg)}.items .h{padding:0 0 8px;font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--micro);border:none}.items .name{color:var(--text);font-size:12.5px}.items .name .sku{color:var(--micro);margin-left:6px}.items .qty{color:var(--text);font-size:12.5px;text-align:right;font-weight:600}.items .flag{text-align:right}.items .flag span{font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:3px}.pay-grid{display:grid;grid-template-columns:150px 1fr 130px 140px 200px;gap:14px;padding:0 18px;align-items:center}.pay-grid.with-po{grid-template-columns:110px 130px 1fr 130px 140px 200px}.pay-head{padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:8.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--micro)}.pay-row{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--hover)}.pay-row:last-child{border-bottom:none}.pay-row .kind{color:var(--text);font-size:12.5px;font-weight:600}.pay-row .note{color:var(--muted);font-size:12px}.pay-row .amount{color:var(--text);font-size:12.5px;font-weight:700;text-align:right}.pay-row .due{color:var(--muted);font-size:12px}.pay-status{display:flex;align-items:center;gap:8px;border:none;background:none;padding:0;font:inherit;text-align:left}.pay-status.clickable{cursor:pointer}.pay-status .pdot{width:7px;height:7px}.pay-status .txt{font-size:12px;font-weight:600}.pay-status .txt.paid{color:var(--green)}.pay-status .txt.due{color:var(--amber)}.pay-status .txt.late{color:var(--red)}.pay-status .txt.none{color:var(--muted)}.pay-status .hint{color:var(--faint);font-size:10px;white-space:nowrap}.detail-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}@media (max-width:1100px){.detail-cols{grid-template-columns:1fr}}.lines-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:9px}.lines-head .src{color:var(--faint);font-size:10px}.lines-card{background:var(--raise);border:1px solid var(--line);border-radius:3px;overflow:hidden}.lines-card .row{display:grid;grid-template-columns:1fr 90px 100px;gap:12px;padding:10px 14px;border-bottom:1px solid var(--hover);align-items:center}.lines-card .row:last-child{border-bottom:none}.lines-card .name{color:var(--text);font-size:12.5px}.lines-card .sku{color:var(--micro);font-size:11.5px}.lines-card .qty{color:var(--text);font-size:12.5px;text-align:right;font-weight:600}.activity-card{padding:4px 14px}.act-row{display:flex;gap:11px;padding:10px 0}.act-row+.act-row{border-top:1px solid var(--bg)}.act-row .adot{width:6px;height:6px;border-radius:50%;background:var(--grey);margin-top:5px;flex:0 0 auto}.act-row .txt{color:var(--text);font-size:12.5px;line-height:1.45}.act-row .when{color:var(--micro);font-size:11px;margin-top:2px}.edit-hint{color:var(--faint);font-size:11px;margin-top:9px}.ie{border:none;background:none;padding:0;font:inherit;color:inherit;border-bottom:1px dotted var(--dotted);cursor:text}.ie:hover{border-bottom-color:var(--accent)}.ie.placeholder{color:var(--micro);font-weight:400}.ie-input{font:inherit;color:var(--text);background:var(--raise);border:1px solid var(--accent);border-radius:2px;padding:1px 4px;outline:none;max-width:150px}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100;background:var(--text);color:var(--bg);font-size:12px;padding:9px 16px;border-radius:3px;box-shadow:0 4px 18px #0003}.section-label{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--micro);margin:22px 0 9px}