:root{--bg:#0b1020;--bg-2:#0f1730;--panel:rgba(var(--ink),0.035);--panel-2:rgba(var(--ink),0.06);--border:rgba(var(--ink),0.09);--border-2:rgba(var(--ink),0.16);--text:#e8edf7;--muted:#8b96b0;--faint:#5e6884;--accent:#3da9fc;--accent-2:#7c5cff;--green:#34d399;--amber:#fbbf24;--red:#fb6f70;--cyan:#38d6e6;--xero:#13b5ea;--radius:16px;--shadow:0 10px 40px rgba(0,0,0,.35);--ink:255,255,255;--on-accent:#06122b;--on-green:#04210f;--on-amber:#1a1205;--green-fill:#34d399;--amber-fill:#fbbf24;--red-fill:#d63a44;--xero-fill:#0b7fa6;--menu:#131c3a;--glow-a:#16204a;--glow-b:#1a1340;--pan-a:#121a36;--pan-b:#0d1430;--bar-empty:hsla(0,0%,100%,.15);color-scheme:dark}[data-mode=light]{--bg-2:#e9edf4;--panel:rgba(15,26,54,.03);--panel-2:rgba(15,26,54,.07);--border:rgba(15,26,54,.14);--border-2:rgba(15,26,54,.32);--text:#182338;--muted:#49566f;--faint:#5c6a85;--green:#0b7a4e;--amber:#845400;--red:#bb2d3b;--cyan:#0b7085;--xero:#0b7fa6;--shadow:0 10px 30px rgba(15,26,54,.14);--ink:15,26,54;--on-accent:#fff;--menu:#fff;--glow-a:#dbe6f5;--glow-b:#e7e1f4;--pan-a:#fff;--pan-b:#f4f6fb;--bar-empty:rgba(15,26,54,.12);color-scheme:light}body{--accent:var(--accent-dark,#3da9fc);--accent-2:var(--accent-2-dark,#7c5cff);--bg:var(--bg-dark,#0b1020)}[data-mode=light] body{--accent:var(--accent-light,#0968b8);--accent-2:var(--accent-2-light,#6d4fd2);--bg:#f2f5f9}[data-mode=light] .sidebar,[data-mode=light] .signin-card{--text:#e8edf7;--muted:#8b96b0;--faint:#5e6884;--ink:255,255,255;--menu:#131c3a;--accent:var(--accent-dark,#3da9fc);--accent-2:var(--accent-2-dark,#7c5cff);color:var(--text);color-scheme:dark}[data-mode=light] .signin-card{background:linear-gradient(180deg,#121a36,#0d1430)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,var(--glow-a) 0,transparent 60%),radial-gradient(900px 500px at -10% 10%,var(--glow-b) 0,transparent 55%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.wrap{max-width:1320px;margin:0 auto;padding:26px 28px 80px}.topbar{justify-content:space-between;gap:16px;margin-bottom:26px}.brand,.topbar{display:flex;align-items:center}.brand{gap:14px}.logo{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-weight:800;font-size:18px;letter-spacing:-.5px;color:var(--on-accent);box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.brand h1{font-size:18px;margin:0;font-weight:700;letter-spacing:-.2px}.brand .sub{font-size:12.5px;color:var(--muted);margin-top:2px}.topbar .right{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:13px}.pill-live{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;font-size:12px;color:var(--text);background:var(--panel)}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 60%,transparent);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 50%,transparent)}70%{box-shadow:0 0 0 8px color-mix(in srgb,var(--green) 0,transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 0,transparent)}}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2b3a66,#243056);border:1px solid var(--border-2);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:var(--text)}.kpis{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 16px 14px;position:relative;overflow:hidden}.kpi .label{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.2px}.kpi .val{font-size:27px;font-weight:750;margin-top:8px;letter-spacing:-.6px}.kpi .meta{font-size:12px;color:var(--faint);margin-top:4px}.kpi.alert{border-color:color-mix(in srgb,var(--red) 40%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--red) 8%,transparent),var(--panel))}.kpi.good{border-color:color-mix(in srgb,var(--green) 30%,transparent)}.kpi .spark{position:absolute;right:12px;top:14px;font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.spark.up{color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.spark.down{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.grid{display:grid;grid-template-columns:1fr 360px;grid-gap:18px;gap:18px;align-items:start}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border)}.card-head h2{font-size:15px;margin:0;font-weight:700}.card-head .hint{font-size:12px;color:var(--muted)}.tabs{display:flex;gap:6px}.tab{font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);background:transparent;border:1px solid transparent;padding:6px 12px;border-radius:999px;cursor:pointer;transition:all .12s}.tab.active,.tab:hover{color:var(--text);background:var(--panel-2)}.tab.active{border-color:var(--border-2)}.tab .count{color:var(--faint);margin-left:5px;font-weight:700}.jobs{width:100%;border-collapse:collapse}.jobs thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--border)}.jobs tbody tr{border-bottom:1px solid rgba(var(--ink),.05);cursor:pointer;transition:background .1s}.jobs tbody tr:hover{background:var(--panel-2)}.jobs td{padding:13px 16px;font-size:13.5px;vertical-align:middle}.ref{font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:9px}.cust{color:var(--muted);font-size:12.5px}.region-tag{font-size:10.5px;color:var(--faint)}.val{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:5px;min-width:130px}.bar-row{display:flex;align-items:center;gap:8px}.bar-row .tag{font-size:10px;color:var(--faint);width:22px;font-weight:700}.bar{flex:1 1;height:6px;background:rgba(var(--ink),.08);overflow:hidden}.bar,.bar>i{border-radius:999px}.bar>i{display:block;height:100%}.bar-row .pct{font-size:10.5px;color:var(--muted);width:30px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:650;padding:4px 9px;border-radius:999px;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.st-Despatched{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.pill.amber,.st-In.progress{color:var(--amber)}.pill.amber{background:color-mix(in srgb,var(--amber) 10%,transparent)}.pill.green{color:var(--green);background:color-mix(in srgb,var(--green) 10%,transparent)}.pill.red{color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.pill.cyan{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 10%,transparent)}.pill.grey{color:var(--muted);background:rgba(var(--ink),.06)}.risk{font-size:11px;font-weight:700;padding:3px 8px;border-radius:7px}.risk.overdue{color:#fff;background:var(--red-fill)}.risk.at-risk{color:var(--on-amber);background:var(--amber-fill)}.risk.watch{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 12%,transparent)}.risk.on-track{color:var(--muted);background:rgba(var(--ink),.05)}.xero-btn{font:inherit;font-size:12px;font-weight:650;color:#fff;background:var(--xero-fill);border:none;padding:6px 11px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:filter .12s,transform .05s}.xero-btn:hover{filter:brightness(1.08)}.xero-btn:active{transform:translateY(1px)}.xero-btn.ghost{background:color-mix(in srgb,var(--xero) 12%,transparent);color:var(--xero);border:1px solid color-mix(in srgb,var(--xero) 30%,transparent)}.xero-done{font-size:12px;color:var(--green);display:inline-flex;align-items:center;gap:6px;font-weight:600}.xero-dash{color:var(--faint);font-size:12px}.copilot{border-radius:var(--radius);padding:1px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent-2) 55%,transparent),color-mix(in srgb,var(--accent) 25%,transparent) 45%,rgba(var(--ink),.05));position:-webkit-sticky;position:sticky;top:18px}.copilot-inner{background:linear-gradient(180deg,var(--pan-a),var(--pan-b));border-radius:15px;padding:16px 16px 18px}.copilot-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}.copilot-head .ai{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:grid;place-items:center;font-size:15px}.copilot-head h3{font-size:14.5px;margin:0;font-weight:700}.copilot-head .by{font-size:11px;color:var(--muted)}.copilot-sub{font-size:12px;color:var(--muted);margin:6px 0 14px;line-height:1.5}.insight{border:1px solid var(--border);background:rgba(var(--ink),.025);border-radius:12px;padding:12px 13px;margin-bottom:10px}.insight .it-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.insight .ico{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;flex:none}.ico.alert{background:color-mix(in srgb,var(--red) 15%,transparent)}.ico.action{background:color-mix(in srgb,var(--amber) 15%,transparent)}.ico.trend{background:color-mix(in srgb,var(--cyan) 15%,transparent)}.ico.money{background:color-mix(in srgb,var(--green) 15%,transparent)}.insight .it-title{font-size:12.8px;font-weight:700;line-height:1.35}.insight .it-body{font-size:12px;color:var(--muted);line-height:1.55}.copilot-ask{display:flex;gap:8px;margin-top:12px}.copilot-ask input{flex:1 1;font:inherit;font-size:12.5px;background:rgba(var(--ink),.05);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:9px 11px;outline:none}.copilot-ask input::placeholder{color:var(--faint)}.copilot-ask button{font:inherit;font-size:13px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:var(--on-accent);font-weight:700;border:none;border-radius:10px;padding:0 13px;cursor:pointer}.drawer-scrim{position:fixed;inset:0;background:rgba(4,8,20,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}.drawer{position:fixed;top:0;right:0;height:100vh;width:460px;max-width:92vw;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-left:1px solid var(--border-2);z-index:50;box-shadow:-20px 0 60px rgba(0,0,0,.5);overflow-y:auto;animation:slidein .18s ease}@keyframes slidein{0%{transform:translateX(20px);opacity:.4}to{transform:translateX(0);opacity:1}}.drawer-head{padding:20px 22px 16px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--menu);z-index:1}.drawer-head .x{position:absolute;top:18px;right:18px;font:inherit;font-size:18px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);width:30px;height:30px;border-radius:9px;cursor:pointer}.drawer-body{padding:18px 22px 40px}.drawer h4{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);margin:22px 0 10px}.route-step{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid rgba(var(--ink),.05)}.route-step .tick{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;flex:none}.tick.done{background:var(--green-fill);color:var(--on-green)}.tick.now{background:var(--amber-fill);color:var(--on-amber)}.tick.todo{background:rgba(var(--ink),.08);color:var(--faint)}.route-step .nm{font-size:13px;flex:1 1}.route-step .who{font-size:11.5px;color:var(--faint)}.ai-why{border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent);border-radius:12px;padding:13px;font-size:12.5px;line-height:1.6;color:var(--text)}.ai-why .lbl{font-size:11px;font-weight:700;color:var(--accent-2);display:flex;align-items:center;gap:6px;margin-bottom:6px}.kv{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.kv .k{font-size:11px;color:var(--faint)}.kv .v{font-size:15px;font-weight:700;margin-top:2px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:var(--menu);border:1px solid var(--border-2);border-radius:12px;padding:13px 18px;display:flex;align-items:center;gap:11px;font-size:13.5px;box-shadow:var(--shadow);z-index:60;animation:toastin .2s ease}@keyframes toastin{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast .xlogo{width:26px;height:26px;border-radius:7px;background:var(--xero-fill);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px}.foot{margin-top:26px;text-align:center;font-size:11.5px;color:var(--faint)}@media (max-width:1080px){.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.copilot{position:static}}.app{display:flex;min-height:100vh}.main{flex:1 1;min-width:0}.sidebar{width:244px;flex:none;height:100vh;position:-webkit-sticky;position:sticky;top:0;border-right:1px solid var(--border);background:linear-gradient(180deg,#0c1330,#0a0f24);display:flex;flex-direction:column;padding:18px 14px}.side-brand{display:flex;align-items:center;gap:12px;padding:6px 8px 18px}.side-brand .logo{width:40px;height:40px;font-size:17px}.bname{font-weight:800;font-size:16px;letter-spacing:-.3px}.btag{font-size:11px;color:var(--muted);margin-top:1px}.side-nav{flex:1 1;overflow-y:auto;gap:16px;padding-top:4px}.nav-group,.side-nav{display:flex;flex-direction:column}.nav-group{gap:2px}.nav-glabel{font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);font-weight:700;padding:6px 10px 5px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:600;text-decoration:none;cursor:pointer;position:relative;transition:all .12s}.nav-item:hover:not(.disabled){background:var(--panel-2);color:var(--text)}.nav-item.active{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--accent-2) 5%,transparent));color:#fff}.nav-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--accent),var(--accent-2))}.ni-icon{width:18px;height:18px;display:grid;place-items:center;flex:none;color:inherit}.nav-item.active .ni-icon{color:var(--accent)}.ni-label{flex:1 1}.ni-soon{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--faint);background:var(--panel-2);padding:2px 6px;border-radius:6px}.nav-item.disabled{opacity:.5;cursor:default}.side-foot{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:10px;padding:8px}.u-name{font-size:13px;font-weight:700}.u-role{font-size:11px;color:var(--muted)}.ptitle{font-size:22px;margin:0;font-weight:750;letter-spacing:-.4px}.quote-totals{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:14px 15px;margin-bottom:4px}.quote-totals .k{font-size:11px;color:var(--faint)}.quote-totals .v{font-size:17px;font-weight:750;margin-top:3px}.quote-totals .v.accent{color:var(--accent)}.markup-step{display:flex;align-items:center;gap:7px;margin-top:3px}.markup-step button{width:24px;height:24px;border-radius:7px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);font-size:15px;line-height:1;cursor:pointer}.markup-step button:hover{background:var(--panel)}.markup-step span{font-size:15px;font-weight:700;min-width:40px;text-align:center}.qline{border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:10px}.qline-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:9px}.qline-pc{font-size:13px;font-weight:700;letter-spacing:-.2px}.qline-desc{font-size:11.5px;color:var(--muted);margin-top:2px}.qline-price{font-size:14px;font-weight:750;white-space:nowrap}.coststack{display:flex;height:8px;border-radius:999px;overflow:hidden;background:rgba(var(--ink),.06)}.coststack>i{display:block;height:100%}.qline-layers{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:10.5px;color:var(--faint)}.convert-box{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:12px;padding:13px 14px}@media (max-width:900px){.sidebar{position:static;width:100%;height:auto}.side-nav,.sidebar{flex-direction:row;flex-wrap:wrap}.app{flex-direction:column}}.start-here{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--accent-2) 40%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-2) 12%,transparent),color-mix(in srgb,var(--accent) 5%,transparent));border-radius:14px;padding:13px 16px;margin-bottom:18px}.sh-flag{font-size:12px;font-weight:800;color:var(--accent-2);white-space:nowrap;letter-spacing:.2px}.sh-body{font-size:13.5px;color:var(--text)}.sh-late{color:var(--red);font-weight:700}.lanes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:start}.lane{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.lane-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.lane-title{font-size:14px;font-weight:750}.lane-sub{font-size:11.5px;color:var(--faint);margin-top:2px}.lane-count{font-size:13px;font-weight:800;color:var(--text);background:var(--panel-2);border:1px solid var(--border);min-width:26px;height:24px;border-radius:8px;display:grid;place-items:center;padding:0 7px}.lane-body{padding:12px;display:flex;flex-direction:column;gap:10px;min-height:60px}.lane-empty{color:var(--faint);font-size:12.5px;text-align:center;padding:16px 0}.sf-card{border-radius:12px;padding:12px 13px;background:rgba(var(--ink),.025);position:relative;border:1px solid var(--border);border-left:3px solid var(--border-2)}.sf-card.overdue{border-left-color:var(--red)}.sf-card.at-risk{border-left-color:var(--amber)}.sf-card.watch{border-left-color:var(--cyan)}.sf-card.on-track{border-left-color:rgba(var(--ink),.18)}.sf-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sf-top .ref{font-size:13.5px}.sf-cust{font-size:11.5px;color:var(--muted);margin-top:3px}.sf-now{display:flex;align-items:center;gap:7px;margin-top:10px;background:rgba(var(--ink),.04);border:1px solid var(--border);border-radius:8px;padding:6px 9px}.sf-now-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);flex:none;box-shadow:0 0 0 0 color-mix(in srgb,var(--amber) 50%,transparent);animation:pulse 2s infinite}.sf-now-op{font-size:12px;font-weight:750;letter-spacing:.3px}.sf-now-who{font-size:10.5px;color:var(--faint);margin-left:auto}.sf-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.sf-foot .val{font-size:13px}.sf-due{font-size:11px;color:var(--muted)}@media (max-width:1000px){.lanes{grid-template-columns:1fr}}.primary-btn{font:inherit;font-size:13px;font-weight:700;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:10px;padding:10px 16px;cursor:pointer;transition:filter .12s,transform .05s}.primary-btn:hover{filter:brightness(1.1)}.primary-btn:active{transform:translateY(1px)}.primary-btn:disabled{opacity:.45;cursor:default}.field{width:100%;font:inherit;font-size:13px;color:var(--text);background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:10px;padding:10px 12px;outline:none}.field:focus{border-color:var(--accent)}select.field option{background:var(--menu)}textarea.field{min-height:64px;resize:vertical}.signin-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.signin-card{width:420px;max-width:94vw;background:var(--panel);border:1px solid var(--border-2);border-radius:20px;padding:28px 26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.signin-note{font-size:12.5px;color:var(--muted);line-height:1.55;border:1px solid var(--border);background:rgba(var(--ink),.03);border-radius:10px;padding:10px 12px;margin:14px 0}.signin-users{display:flex;flex-direction:column;gap:8px}.signin-user{display:flex;align-items:center;gap:12px;width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:rgba(var(--ink),.03);border:1px solid var(--border);border-radius:12px;padding:10px 13px;transition:all .12s}.signin-user:hover{background:var(--panel-2);border-color:var(--accent)}.su-main{flex:1 1;display:flex;flex-direction:column}.su-name{font-size:13.5px;font-weight:700}.su-role{font-size:11.5px;color:var(--muted);margin-top:1px}.su-go{color:var(--faint)}.ms-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;font:inherit;font-size:14px;font-weight:650;color:var(--text);background:rgba(var(--ink),.05);border:1px solid var(--border-2);border-radius:12px;padding:12px;cursor:pointer;margin-top:14px}.ms-btn:hover{background:var(--panel-2)}.ms-logo{display:grid;grid-template-columns:8px 8px;grid-gap:2px;gap:2px}.ms-logo i{width:8px;height:8px;display:block}.signin-foot{text-align:center;font-size:11px;color:var(--faint);margin-top:18px}.signout{color:var(--faint);text-decoration:none;font-size:15px;padding:4px 7px;border-radius:8px}.signout:hover{color:var(--red);background:var(--panel-2)}.po-notes{font-size:12.5px;color:var(--muted);line-height:1.55;border-left:3px solid var(--border-2);padding:4px 0 4px 12px;margin-bottom:6px}.po-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-2);margin-top:6px;padding-top:12px;font-size:14px}.po-total b{font-size:17px}.decide-box{display:flex;flex-direction:column;gap:10px}.decide-box textarea{font:inherit;font-size:12.5px;color:var(--text);min-height:56px;background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:10px;padding:9px 11px;outline:none;resize:vertical}.approve-btn,.reject-btn{flex:1 1;font:inherit;font-size:13px;font-weight:700;border:none;border-radius:10px;padding:11px;cursor:pointer;transition:filter .12s}.approve-btn{background:var(--green-fill);color:var(--on-green)}.reject-btn{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 40%,transparent)}.approve-btn:hover,.reject-btn:hover{filter:brightness(1.1)}.approve-btn:disabled,.reject-btn:disabled{opacity:.5}.trail-step{display:flex;gap:11px;padding:9px 0;border-bottom:1px solid rgba(var(--ink),.05)}.trail-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex:none;background:var(--faint)}.trail-dot[data-action=APPROVED]{background:var(--green)}.trail-dot[data-action=REJECTED]{background:var(--red)}.trail-dot[data-action=SUBMITTED]{background:var(--amber)}.trail-dot[data-action=ORDERED]{background:var(--cyan)}.trail-dot[data-action=RECEIVED]{background:var(--green)}.trail-line{font-size:13px}.trail-comment{font-size:12px;color:var(--muted);font-style:italic;margin-top:3px}.trail-at{font-size:10.5px;color:var(--faint);margin-top:3px}.po-line-edit{display:grid;grid-template-columns:90px 1fr 52px 76px 30px;grid-gap:6px;gap:6px;margin-bottom:7px;align-items:center}.po-line-edit input{font:inherit;font-size:12.5px;color:var(--text);background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:8px;padding:8px 9px;outline:none;min-width:0}.po-line-edit input:focus{border-color:var(--accent)}.perm-grid{display:flex;flex-direction:column;gap:6px}.perm-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);border-radius:9px;padding:7px 11px}.perm-label{font-size:12.5px;font-weight:600}.perm-row select{font:inherit;font-size:12px;color:var(--text);background:rgba(var(--ink),.06);border:1px solid var(--border);border-radius:7px;padding:5px 8px;outline:none}.perm-row select option{background:var(--menu)}.check-row{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer;padding:4px 0}.check-row input{width:15px;height:15px;accent-color:var(--accent)}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px;padding:18px}.theme-card{position:relative;text-align:left;font:inherit;color:var(--text);border:1px solid var(--border-2);border-radius:14px;padding:16px 15px 14px;cursor:pointer;min-height:120px;display:flex;flex-direction:column;gap:7px;transition:transform .1s,border-color .12s}.theme-card:hover{transform:translateY(-2px);border-color:var(--accent)}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.theme-swatches{display:flex;gap:6px}.theme-swatches i{width:22px;height:22px;border-radius:7px;display:block}.theme-name{font-size:14.5px;font-weight:750}.theme-blurb{font-size:11.5px;color:var(--muted);line-height:1.45}.theme-current{position:absolute;top:12px;right:12px;font-size:10.5px;font-weight:700;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent);padding:3px 8px;border-radius:999px}.help-search{display:flex;align-items:center;gap:12px;margin-bottom:18px}.help-search input{flex:1 1;font:inherit;font-size:14.5px;color:var(--text);background:var(--panel);border:1px solid var(--border-2);border-radius:14px;padding:14px 18px;outline:none}.help-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.help-count{font-size:12px;color:var(--faint);white-space:nowrap}.help-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:18px;gap:18px;align-items:start}.help-list{gap:14px}.help-cat,.help-list{display:flex;flex-direction:column}.help-cat{gap:2px}.help-item{font:inherit;font-size:13px;font-weight:600;color:var(--muted);text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:8px 11px;cursor:pointer;transition:all .1s}.help-item.active,.help-item:hover{color:var(--text);background:var(--panel-2)}.help-item.active{border-color:var(--border-2)}.help-article{min-height:380px}.help-body{padding:22px 26px 30px;max-width:720px}.help-body h3{margin:6px 0 14px;font-size:20px;letter-spacing:-.3px}.help-body h4{margin:20px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--accent)}.help-body p{font-size:13.5px;line-height:1.7;color:var(--text);margin:8px 0}.help-body ol,.help-body ul{margin:8px 0;padding-left:22px}.help-body li{font-size:13.5px;line-height:1.7;margin:4px 0}.help-body code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:rgba(var(--ink),.08);padding:2px 6px;border-radius:6px}.help-placeholder{color:var(--muted)}.linkish{font:inherit;font-size:inherit;color:var(--accent);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}@media (max-width:900px){.help-layout{grid-template-columns:1fr}}.tick-btn{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:800;cursor:pointer;border:1px solid var(--border-2);transition:all .1s;background:rgba(var(--ink),.06);color:var(--faint);font-family:inherit}.tick-btn.done{background:var(--green-fill);color:var(--on-green);border-color:transparent}.tick-btn.now{background:var(--amber-fill);color:var(--on-amber);border-color:transparent;animation:pulse 2s infinite}.tick-btn:hover:not(:disabled){transform:scale(1.12);border-color:var(--accent)}.tick-btn:disabled{opacity:.55;cursor:default}.route-step.current{background:color-mix(in srgb,var(--amber) 5%,transparent);border-radius:8px;margin:0 -8px;padding-left:8px;padding-right:8px}.step-meta{font-size:11px;color:var(--faint);font-weight:400}.mv-form{display:grid;grid-template-columns:1.2fr .7fr 1.1fr auto;grid-gap:7px;gap:7px;align-items:center}.mv-form .field{padding:9px 10px;font-size:12.5px}.mv-form .primary-btn{padding:9px 14px}@media (max-width:880px){.mv-form{grid-template-columns:1fr 1fr!important}}.mv-form label{display:flex;flex-direction:column;gap:5px;min-width:0}.mv-form label>span{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mv-form input:not(.field),.mv-form select:not(.field){font:inherit;font-size:12.5px;color:var(--text);background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:10px;padding:9px 10px;outline:none}.mv-form input:not(.field):focus,.mv-form select:not(.field):focus{border-color:var(--accent)}.field.err{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 12%,transparent)}.combo-list{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:4px;background:var(--menu);border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:320px;overflow-y:auto}.combo-item{display:flex;align-items:baseline;gap:10px;width:100%;text-align:left;padding:9px 12px;background:none;border:0;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.combo-item.sel,.combo-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.combo-sub{color:var(--muted);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-due{color:var(--faint);font-size:11px}.combo-empty{padding:12px;font-size:12.5px;color:var(--faint)}.note{margin-top:10px;padding:9px 12px;border-radius:10px;font-size:12.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note.warn{background:color-mix(in srgb,var(--amber) 8%,transparent);border:1px solid color-mix(in srgb,var(--amber) 25%,transparent);color:var(--amber)}.note.info{background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.note b{font-weight:700}.note-check{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer}.note-check input{width:14px;height:14px;accent-color:var(--accent)}.linky{background:none;border:0;padding:0;color:var(--accent);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline}.linky:hover{filter:brightness(1.2)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:10px;gap:10px}.tpl-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:13px 14px;cursor:pointer;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:7px;transition:border-color .12s,background .12s,transform .05s}.tpl-card:hover{border-color:var(--border-2);background:var(--panel-2)}.tpl-card:active{transform:translateY(1px)}.tpl-card.sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.tpl-name{font-weight:700;font-size:13px}.tpl-blurb{font-size:11.5px;color:var(--muted);line-height:1.45;flex:1 1}.tpl-meta{display:flex;align-items:center;gap:8px}.tpl-ops{font-size:11px;color:var(--faint)}.cnc-stepper{display:flex;align-items:center;gap:12px;margin-top:14px;font-size:12.5px;color:var(--muted);font-weight:600}.cnc-stepper .hint{font-weight:400}.stepper{display:inline-flex;align-items:center;gap:2px;background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:10px}.stepper button{background:none;border:0;color:var(--text);font-size:16px;width:30px;height:28px;cursor:pointer;border-radius:8px}.stepper button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 15%,transparent)}.stepper button:disabled{opacity:.3;cursor:default}.stepper b{min-width:22px;text-align:center;font-size:13px}.step-list{margin-top:14px}.step-edit{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:10px}.step-edit:hover{background:rgba(var(--ink),.03);border-color:var(--border)}.step-edit.stock{background:color-mix(in srgb,var(--amber) 4%,transparent)}.step-no{width:24px;height:24px;border-radius:8px;flex:none;margin-top:2px;display:grid;place-items:center;font-size:11px;font-weight:700;background:rgba(var(--ink),.06);color:var(--muted)}.step-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:4px}.step-name{font:inherit;font-size:13px;font-weight:600;color:var(--text);background:none;border:0;outline:none;border-bottom:1px solid transparent;padding:3px 0}.step-name:focus{border-bottom-color:var(--accent)}.step-name::placeholder{color:var(--faint);font-weight:400}.step-desc{font-size:11.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-desc-edit{font-size:12px;min-height:52px}.step-edit .who{margin-top:7px;flex:none}.step-edit .pill{margin-top:4px;flex:none}.step-tools{display:flex;gap:3px;flex:none;opacity:0;transition:opacity .12s;margin-top:2px}.step-edit:focus-within .step-tools,.step-edit:hover .step-tools{opacity:1}.step-tools button{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:rgba(var(--ink),.04);color:var(--muted);cursor:pointer;font-size:12px}.step-tools button:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.step-tools button:disabled{opacity:.3;cursor:default}.step-tools .del:hover{border-color:var(--red);color:var(--red)}.gap{position:relative;height:8px;display:flex;align-items:center;justify-content:center}.gap.always{height:auto;padding:8px 0 2px}.gap-btn{background:none;border:0;color:var(--faint);font-size:11px;cursor:pointer;padding:1px 10px;border-radius:8px;opacity:0;transition:opacity .12s}.gap.always .gap-btn,.gap:hover .gap-btn{opacity:1}.gap.always .gap-btn{border:1px dashed var(--border-2);padding:7px 14px;font-size:12px;color:var(--muted)}.gap-btn:hover{color:var(--accent)}.ins-menu{position:absolute;top:100%;left:34px;z-index:40;margin-top:2px;min-width:320px;background:var(--menu);border:1px solid var(--border-2);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;max-height:300px;overflow-y:auto}.ins-head{padding:9px 12px 5px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.ins-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 12px;background:none;border:0;color:var(--text);font:inherit;font-size:12.5px;cursor:pointer}.ins-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.ins-item.custom{color:var(--accent);border-top:1px solid var(--border)}.empty-route{margin-top:12px;padding:22px;text-align:center;font-size:12.5px;color:var(--faint);border:1px dashed var(--border-2);border-radius:12px}.builder-foot{gap:16px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.bf-sum,.builder-foot{display:flex;align-items:center}.bf-sum{font-size:12.5px;color:var(--muted);gap:8px}.seg{display:inline-flex;background:rgba(var(--ink),.05);border:1px solid var(--border);border-radius:10px;padding:2px}.seg button{background:none;border:0;color:var(--muted);font:inherit;font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer}.seg button.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.bom-node{margin-top:10px}.bom-head{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.bom-tag{width:20px;text-align:center;color:var(--faint);font-size:13px;flex:none}.bom-head .field{padding:7px 9px;font-size:12.5px}.bom-code{width:190px;flex:none;font-weight:600}.bom-code.missing{border-color:color-mix(in srgb,var(--red) 45%,transparent)}.bom-desc{flex:1 1;min-width:80px}.bom-qty{width:64px;flex:none}.bom-area{width:130px;flex:none}.bom-start{width:200px;flex:none;color:var(--muted)}.bom-tools{display:flex;gap:3px;flex:none}.bom-tools button{width:27px;height:27px;border-radius:8px;border:1px solid var(--border);background:rgba(var(--ink),.04);color:var(--muted);cursor:pointer;font-size:12px}.bom-tools button:hover{border-color:var(--accent);color:var(--text)}.bom-tools .del:hover{border-color:var(--red);color:var(--red)}.bom-body{margin:4px 0 4px 20px;padding:2px 10px 8px;border-left:2px solid var(--border);border-radius:2px}.bom-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:9px 12px;margin-bottom:6px;color:var(--text);font:inherit;font-size:13px;cursor:pointer}.bom-row:hover{border-color:var(--accent);background:var(--panel-2)}.bom-row .nm{flex:1 1;font-weight:600}.bom-row .who{font-size:11.5px;color:var(--faint)}.pill.linkish{cursor:pointer;border:0;font:inherit;font-size:11px}.pill.linkish:hover{color:var(--text)}@media (max-width:900px){.bom-head{flex-wrap:wrap}}.avatar{color:#e8edf7}.mode-toggle{width:30px;height:30px;border-radius:9px;flex:none;border:1px solid var(--border);background:var(--panel);color:var(--muted);cursor:pointer;display:grid;place-items:center}.mode-toggle:hover{color:var(--text);border-color:var(--border-2)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card-body{padding:16px 18px 18px}.card-body>.mv-form+.mv-form{margin-top:10px}.ghost-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text);background:var(--panel-2);border:1px solid var(--border-2);border-radius:10px;padding:9px 14px;cursor:pointer;transition:border-color .12s,background .12s}.ghost-btn:hover{border-color:var(--accent)}.ghost-btn:active{transform:translateY(1px)}.card.pop-out{overflow:visible}.rc-wrap{max-width:900px;margin:26px auto 80px;padding:0 20px}.rc{background:#fff;color:#16233c;border:1px solid #c9d2e0;border-radius:10px;padding:26px 30px 20px}.rc-head{display:flex;align-items:center;gap:18px;border-bottom:2px solid #16233c;padding-bottom:14px}.rc-logo{height:40px;width:auto}.rc-title{flex:1 1}.rc-title h1{margin:0;font-size:21px;letter-spacing:.02em;text-transform:uppercase}.rc-sub{font-size:11.5px;color:#55627c;margin-top:2px}.rc-jobref{font-size:24px;font-weight:800;letter-spacing:.02em}.rc-meta{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px 18px;gap:8px 18px;padding:14px 0;border-bottom:1px solid #c9d2e0;font-size:13px}.rc-meta>div{display:flex;flex-direction:column;gap:2px}.rc-meta b{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#55627c}.rc-meta .rc-notes{grid-column:1/-1}.rc-ops{width:100%;border-collapse:collapse;margin-top:14px;font-size:12px}.rc-ops th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#55627c;border-bottom:1.5px solid #16233c;padding:6px 8px}.rc-ops td{border-bottom:1px solid #dde3ec;padding:7px 8px;vertical-align:top}.rc-ops .n{width:30px;text-align:center}.rc-ops .op{font-weight:700;white-space:nowrap}.rc-ops .instr{color:#3c4a63;white-space:pre-line}.rc-ops .sign{width:150px}.rc-signbox{display:block;height:26px;border:1px solid #b9c3d4;border-radius:4px}.rc-done{font-size:11.5px;font-weight:600;color:#0b6b45}.rc-empty{text-align:center;color:#55627c;padding:18px}.rc-bom{margin-top:20px}.rc-bom h2{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#55627c;margin:0}.rc-childlink{color:#16233c}.rc-foot{display:flex;justify-content:space-between;margin-top:22px;padding-top:10px;border-top:1px solid #c9d2e0;font-size:10.5px;color:#55627c}.rc-actions{display:flex;gap:10px;justify-content:center;margin-top:18px}@media print{.no-print,.sidebar,.toast{display:none!important}.main{width:100%!important}body{background:#fff!important}.rc-wrap{margin:0;padding:0;max-width:none}.rc{border:none;border-radius:0;padding:0}.rc-ops tr{page-break-inside:avoid;break-inside:avoid}}.dn-signs{display:grid;grid-template-columns:1fr 1fr 1.4fr;grid-gap:16px;gap:16px;margin-top:22px;font-size:13px}.dn-signs>div{display:flex;flex-direction:column;gap:4px}.dn-signs b{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#55627c}.dn-signs .rc-signbox{height:34px}.dn-signs .rc-signbox.tall{height:46px}.att-panel{display:flex;flex-direction:column;gap:6px}.att-row{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px}.att-name{color:var(--text);text-decoration:none;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-name:hover{color:var(--accent)}.att-meta{font-size:11.5px;color:var(--faint);flex:none}.att-del{width:24px;height:24px;border-radius:7px;border:1px solid var(--border);background:none;color:var(--muted);cursor:pointer;flex:none}.att-del:hover{border-color:var(--red);color:var(--red)}.att-empty{font-size:12.5px;color:var(--faint);padding:4px 0}.att-add{display:flex;align-items:center;gap:10px;margin-top:4px}.att-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.att-add .ghost-btn{cursor:pointer}.att-hint{font-size:11px;color:var(--faint)}.att-panel.compact .att-row{padding:6px 10px;font-size:12.5px}.lbl-sheet{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.lbl{background:#fff;color:#16233c;border:1.5px solid #16233c;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;page-break-inside:avoid;break-inside:avoid}.lbl-brand{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#55627c}.lbl-code{font-size:19px;font-weight:800;letter-spacing:.01em}.lbl-desc{font-size:11.5px;min-height:15px}.lbl-meta{display:flex;justify-content:space-between;font-size:10.5px;color:#3c4a63}@media print{.lbl-sheet{gap:6px}.lbl{border-radius:0}}