:root{--bg:#f5f4f1;--panel:#ffffff;--ink:#1d1f21;--muted:#6b6f73;--line:#e2dfd9;--brand:#1f3a5f;--ox-red:#961b2f;--ok:#2f7d4f;--warn:#b7791f;--bad:#b23b3b;--soft:#eef2f7;--radius:10px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}a{color:var(--brand)}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--line);background:#fff;padding:8px 13px;color:var(--ink);min-height:38px}button:hover{border-color:#c9c4bb}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button.primary:hover{filter:brightness(1.1)}button.danger{color:var(--bad);border-color:#e6c4c4}button.small{padding:4px 9px;font-size:13px;min-height:32px}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--ink);width:100%;min-height:38px}textarea{min-height:110px}label{display:block;font-size:13px;color:var(--muted);margin:9px 0 4px}h1{font-size:22px;margin:0 0 12px}h2{font-size:17px;margin:18px 0 10px}h3{font-size:14px;margin:12px 0 6px}header.top{background:var(--ox-red);color:#fff;display:flex;align-items:center;gap:16px;padding:10px 18px;flex-wrap:wrap;position:relative}header.top .brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px;line-height:1.2}header.top .brand img{height:30px;width:auto;display:block}header.top .brand small{display:block;font-weight:400;opacity:.85;font-size:11px}header.top nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}header.top nav a{color:#fff;text-decoration:none;padding:7px 10px;border-radius:7px;opacity:.9;font-size:14px}header.top nav a.on,header.top nav a:hover{background:#ffffff29;opacity:1}header.top .who{font-size:12px;text-align:right}header.top .who button{margin-left:8px;background:transparent;color:#fff;border-color:#ffffff80}#menu-btn{display:none;background:transparent;color:#fff;border-color:#ffffff80;margin-left:auto}.envbar{background:#fff4e5;border-bottom:1px solid #f0d9b5;color:#7a4b12;font-size:12px;padding:6px 16px;text-align:center}main{max-width:1240px;margin:0 auto;padding:20px 16px 60px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:16px}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:13px}.right{text-align:right}table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;color:var(--muted);font-weight:600;background:#faf9f7}td.num,th.num{text-align:right;white-space:nowrap}tr.click{cursor:pointer}tr.click:hover td{background:#fbfaf8}.tablewrap{overflow-x:auto}.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;background:var(--soft);color:var(--brand);white-space:nowrap}.badge.ok{background:#e5f3ea;color:var(--ok)}.badge.warn{background:#fbf0dc;color:var(--warn)}.badge.bad{background:#f8e3e3;color:var(--bad)}.badge.grey{background:#ececec;color:#555}.layout-shop{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px;align-items:start}.sticky{position:sticky;top:12px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:flex;flex-direction:column;gap:8px}.card.disabled{opacity:.55}.swatch{height:44px;border-radius:7px;border:1px solid rgba(0,0,0,.08)}.card .name{font-weight:600;line-height:1.25}.card .code{font-size:12px;color:var(--muted)}.stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px}.stepper .ctl{display:flex;align-items:center;gap:4px}.stepper .ctl button{width:34px;height:34px;padding:0;min-height:34px}.stepper .ctl input{width:50px;text-align:center;padding:4px;min-height:34px}.breakdown td{padding:4px 2px;border:none}.breakdown tr.total td{border-top:1px solid var(--line);font-weight:700;padding-top:8px}.parcel{display:inline-block;margin:2px 4px 2px 0;padding:3px 7px;border-radius:6px;background:#f3f1ed;font-size:12px}.notice{border-radius:8px;padding:9px 11px;font-size:14px;margin:8px 0}.notice.info{background:var(--soft);color:#24415f}.notice.warn{background:#fbf0dc;color:#6c4a10}.notice.bad{background:#f8e3e3;color:#7a2424}.notice.ok{background:#e5f3ea;color:#1e5133}.search-results{border:1px solid var(--line);border-radius:8px;max-height:280px;overflow:auto;margin-top:4px;background:#fff}.search-results div{padding:9px 10px;border-bottom:1px solid var(--line);cursor:pointer}.search-results div:hover{background:#f6f8fb}.search-results div:last-child{border-bottom:none}.addrbox{border:1px solid var(--line);border-radius:8px;padding:9px 11px;background:#fbfaf8}.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:6px 0 6px 14px;border-left:2px solid var(--line);position:relative;font-size:14px}.timeline li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);position:absolute;left:-5px;top:12px}pre.code{background:#1e2329;color:#d7dde4;padding:12px;border-radius:8px;overflow:auto;font-size:12px;max-height:420px}.modal-bg{position:fixed;inset:0;background:#14181e73;display:flex;align-items:flex-start;justify-content:center;padding:40px 12px;z-index:50;overflow:auto}.modal{background:#fff;border-radius:12px;max-width:720px;width:100%;padding:18px;box-shadow:0 20px 60px #00000040}.login-wrap{max-width:440px;margin:50px auto;padding:0 16px}.login-logo{background:var(--ox-red);border-radius:8px;padding:16px;display:flex;justify-content:center;margin-bottom:16px}.login-logo img{height:40px}.ms-btn{display:flex;align-items:center;gap:10px;justify-content:center;width:100%;padding:10px;background:#fff;border:1px solid #8c8c8c;border-radius:4px;font-weight:600}.ms-logo{display:grid;grid-template-columns:9px 9px;gap:2px}.ms-logo i{width:9px;height:9px;display:block}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.kpi b{display:block;font-size:20px}.check{display:flex;gap:8px;align-items:flex-start;font-size:14px;color:var(--ink);margin:8px 0}.check input{width:auto;min-height:0;margin-top:3px}.toast{position:fixed;bottom:18px;right:18px;left:auto;background:#1d1f21;color:#fff;padding:10px 14px;border-radius:8px;z-index:60;font-size:14px;max-width:360px}.loading{padding:30px;text-align:center;color:var(--muted)}.wizard{max-width:1100px;margin:0 auto}.pbar{height:6px;background:#e7e3dd;border-radius:99px;overflow:hidden;margin-bottom:10px}.pbar i{display:block;height:100%;width:33%;background:var(--ox-red);transition:width .3s}.progress{display:flex;list-style:none;padding:0;margin:0 0 16px;gap:8px}.progress li{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-weight:600;color:var(--muted);font-size:14px}.progress li .n{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ececec;color:#555;font-size:13px;flex:none}.progress li.on{border-color:var(--ox-red);color:var(--ink);box-shadow:0 0 0 1px var(--ox-red) inset}.progress li.on .n{background:var(--ox-red);color:#fff}.progress li.done,.progress li.can{color:var(--ink);cursor:pointer}.progress li.done .n{background:var(--ok);color:#fff}.wizard-nav{display:flex;gap:10px;align-items:center;margin-top:16px}.wizard-bar{position:sticky;bottom:0;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:0 -4px 16px #0000000f;z-index:5;margin-bottom:16px}@media(max-width:980px){.layout-shop{grid-template-columns:1fr}.sticky{position:static}}@media(max-width:820px){.g2,.g3,.g4{grid-template-columns:1fr}}@media(max-width:760px){header.top{padding:10px 12px;gap:10px}#menu-btn{display:inline-block}header.top nav{display:none;flex-basis:100%;flex-direction:column;gap:2px;order:3}header.top nav.open{display:flex}header.top nav a{padding:11px 10px;font-size:15px}header.top .who{flex-basis:100%;order:4;text-align:left;display:none}header.top nav.open~.who{display:block}header.top .brand img{height:24px}main{padding:14px 12px 50px}.panel{padding:13px}h1{font-size:19px}.cards{grid-template-columns:1fr 1fr}.row>input,.row>select{flex:1 1 100%}table.resp thead{display:none}table.resp,table.resp tbody,table.resp tr,table.resp td{display:block;width:100%}table.resp tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:6px 10px;background:#fff}table.resp td{border:none;padding:4px 0;display:flex;gap:10px;justify-content:space-between;text-align:right}table.resp td:before{content:attr(data-label);color:var(--muted);font-size:12px;text-align:left;flex:0 0 38%}table.resp td[data-label=""]:before{display:none}table.resp td.num{text-align:right}table.resp td .tdv{flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}table.resp .badge{white-space:normal;text-align:left}table.resp tfoot{display:block}.toast{left:12px;right:12px;max-width:none}.progress{gap:4px}.progress li{padding:8px;font-size:13px;justify-content:center}.progress li:not(.on) .l{display:none}.wizard-bar{border-radius:0;margin:0 -12px;border-left:none;border-right:none}.wizard-bar button{flex:1}}@media(max-width:430px){.cards{grid-template-columns:1fr}}