:root{color:#253447;--xst-teal:#18b8a8;--xst-teal-dark:#079984;--xst-blue:#4d76ff;--xst-orange:#ff7a1a;--xst-red:#ff595e;--xst-purple:#8159e8;--xst-border:#e7edf0;--xst-text:#172235;--xst-muted:#657286;--xst-panel:#fffffff0;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f8f8;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}button{font:inherit}.app-shell{isolation:isolate;background:#f6f9f9;grid-template-columns:190px minmax(0,1fr);min-height:100vh;display:grid;position:relative;overflow:visible}.app-shell:before,.app-shell:after{display:none}.app-shell:before{background:linear-gradient(135deg,#1fbeb2f2,#2aaba7e0);border-radius:0 82px 82px 0;width:236px;height:132px;bottom:20px;left:-72px;transform:rotate(-20deg)}.app-shell:after{background:linear-gradient(135deg,#ff8f47e6,#ff7029f2);border-radius:90px 0 0;width:300px;height:118px;bottom:-36px;right:-42px;transform:rotate(-8deg)}.sidebar{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-right:1px solid #e6ecec;flex-direction:column;align-self:start;gap:8px;min-width:0;height:100vh;padding:16px 12px 18px;display:flex;position:sticky;top:0}.brand-block{align-items:center;gap:10px;min-height:50px;padding:0 8px 12px;display:flex}.brand-block img{object-fit:contain;border-radius:14px;width:50px;height:50px}.brand-block strong{color:#1f3445;font-size:23px;line-height:1;display:block}.brand-block span{color:#18b8a8;font-size:12px}.sidebar nav{scrollbar-width:none;flex:auto;gap:4px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{color:#435369;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;min-height:39px;padding:0 11px;display:flex}.sidebar nav button.active{color:#04a997;background:#e3f5f2;box-shadow:inset 4px 0 #18b8a8}.sidebar nav button:disabled{cursor:not-allowed;opacity:.46}.mascot{text-align:center;color:#637083;flex:none;min-height:142px;margin-top:12px;padding:12px 10px 8px;position:static}.mascot img{object-fit:contain;border-radius:22px;width:92px;height:92px}.mascot strong,.mascot span{display:block}.main{z-index:2;min-width:0;padding:14px 18px 36px 16px;position:relative}.dashboard-main{height:100vh;padding-bottom:8px;display:block;overflow:hidden}.topbar{justify-content:space-between;align-items:center;min-height:40px;margin-bottom:12px;display:flex}.topbar h1{color:#131d2c;letter-spacing:0;margin:0;font-size:23px}.top-actions{color:#27384d;align-items:center;gap:12px;display:flex}.top-actions button{color:#344258;cursor:pointer;background:#fff;border:1px solid #d7e0e5;border-radius:6px;height:34px;padding:0 14px}.top-actions .icon-action{place-items:center;width:34px;padding:0;display:grid;position:relative}.badge{color:#fff;background:#ff4d3d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.admin{padding-left:10px;font-weight:700}.metric-strip{grid-template-columns:repeat(7,minmax(132px,1fr));gap:10px;display:grid}.metric-card,.flow-card,.panel{background:#fff;border:1px solid #e7edf0;border-radius:8px;box-shadow:0 8px 24px #2c3f520e}.metric-card{min-height:122px;padding:14px 14px 9px;position:relative;overflow:hidden}.metric-button{text-align:left;cursor:pointer;border:1px solid #e7edf0;width:100%}.metric-button:hover{border-color:#bde9e3;box-shadow:0 12px 30px #18b8a81f}.metric-card span,.metric-card small{color:#657286;font-size:13px;display:block}.metric-card strong{color:#172235;margin:7px 0 5px;font-size:21px;line-height:1.1;display:block}.metric-card small{color:#0aa790;font-weight:700}.metric-icon{color:#fff;background:#18b8a8;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:12px}.metric-icon.blue{background:#4d76ff}.metric-icon.orange{background:#ff7a1a}.metric-icon.purple{background:#8159e8}.metric-icon.red{background:#ff595e}.spark{opacity:.72;border-bottom:3px solid #18b8a8;border-radius:50%;height:24px;position:absolute;bottom:12px;left:12px;right:12px;transform:skew(-20deg)}.spark.blue{border-color:#4d76ff}.spark.orange{border-color:#ff7a1a}.spark.purple{border-color:#8159e8}.spark.red{border-color:#ff595e}.flow-card{margin-top:10px;padding:10px 18px 8px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2,.panel h2{color:#172235;margin:0;font-size:17px}.section-head button,.tabs button{color:#4b7ff8;cursor:pointer;background:0 0;border:0;font-size:13px}.tabs{gap:6px;display:flex}.tabs button.active{color:#fff;background:#18b8a8;border-radius:6px;padding:4px 8px}.flow-line{grid-template-columns:repeat(8,1fr);gap:10px;margin-top:8px;display:grid}.flow-step{text-align:center;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;min-width:0;padding:0;display:grid;position:relative}.flow-step:not(:last-child):after{content:"";background:#8c9aaa;width:40px;height:2px;position:absolute;top:28px;right:-24px}.flow-step:disabled{cursor:default}.flow-step:not(:disabled):hover .flow-icon{box-shadow:inset 0 0 0 8px #fff,0 0 0 1px #18b8a8,0 8px 22px #18b8a829}.flow-icon{color:#12a996;background:#f2fbfa;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:inset 0 0 0 8px #fff,0 0 0 1px #e0eeee}.flow-step strong{color:#1d2d42;font-size:14px}.flow-step span{color:#718094;font-size:12px}.dashboard-grid{grid-template-columns:repeat(12,1fr);align-items:stretch;gap:10px;margin-top:10px;display:grid}.panel{grid-column:span 3;min-height:122px;padding:12px}.panel.wide,.table-panel,.dashboard-grid>.panel:first-child,.dashboard-grid>.panel:nth-child(2){grid-column:span 3}.dashboard-grid>.panel:nth-child(3){grid-column:span 2}.dashboard-grid>.panel:nth-child(4){grid-column:span 4}.dashboard-grid>.panel:nth-child(n+5){grid-column:span 2}.chart{background:linear-gradient(#fff,#fff),repeating-linear-gradient(0deg,#0000,#0000 27px,#eef3f4 28px);border-bottom:1px solid #dce5e8;justify-content:space-around;align-items:end;height:132px;margin-top:10px;padding:14px 24px 22px;display:flex;position:relative;overflow:hidden}.chart i{z-index:2;background:#18b8a8;border-radius:4px 4px 0 0;width:18px;position:relative}.chart.profit i{background:#14a99a}.chart-mark{z-index:1;color:#ff7a1a;opacity:.42;pointer-events:none;position:absolute;bottom:20px;right:18px}.gauge,.donut{color:#172235;background:conic-gradient(#18b8a8 0 74%, #e9f0f0 74% 100%);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;margin:8px auto 6px;font-size:20px;font-weight:800;line-height:1.1;display:flex;box-shadow:inset 0 0 0 18px #fff}.gauge span,.donut span{color:#718094;margin-top:2px;font-size:11px;font-weight:600;line-height:1.05;display:block}.donut{background:radial-gradient(circle, #fff 0 56%, transparent 57%), conic-gradient(#18b8a8 0 74%, #e9f0f0 74% 100%);box-shadow:none}.split{color:#657286;grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.split button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.split button:hover{color:#172235}.split b{color:#172235;margin-top:4px;font-size:18px;display:block}.gauge-panel{grid-template-rows:auto minmax(0,1fr) auto;align-items:center;display:grid}.gauge-panel .split{gap:10px}.gauge-panel .split button{text-align:center;background:#f7fbfb;border-radius:8px;padding:8px 10px}.risk-row,.mini-row,.alert-row{color:#4d5b6e;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:26px minmax(0,1fr) auto auto;align-items:center;gap:8px;width:100%;min-height:34px;font-size:13px;display:grid}.risk-row:hover,.mini-row:hover,.alert-row:hover{color:#172235}.risk-row b,.mini-row span{color:#fff;background:#ff7a1a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.risk-row em{color:#ff5b33;background:#fff0e8;border-radius:6px;padding:3px 7px;font-style:normal}.risk-row strong{color:#d93636}.mini-row{grid-template-columns:26px minmax(0,1fr) auto;margin-top:10px}.mini-row b{color:#1f3445}.empty-state{color:#8b98aa;place-items:center;min-height:68px;font-size:13px;display:grid}.donut-panel p,.donut-row{color:#657286;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;margin:8px 0;font-size:13px;display:flex}.donut-row:hover{color:#172235}.donut-panel i{background:#18b8a8;border-radius:50%;width:8px;height:8px}.donut-panel i.orange{background:#ff7a1a}.donut-panel i.blue{background:#4d76ff}.donut.channel{background:radial-gradient(circle, #fff 0 56%, transparent 57%), conic-gradient(#00a3d7 0 42%, #ff7a1a 42% 71%, #8159e8 71% 87%, #e9f0f0 87% 100%);font-size:16px}.donut.turnover{background:radial-gradient(circle, #fff 0 56%, transparent 57%), conic-gradient(#18b8a8 0 78%, #d7f0ee 78% 100%)}.donut.aftersales{background:radial-gradient(circle, #fff 0 56%, transparent 57%), conic-gradient(#ff595e 0 36%, #18b8a8 36% 64%, #ff7a1a 64% 82%, #e9f0f0 82% 100%);font-size:15px}.ops-card-grid{grid-template-columns:repeat(7,minmax(128px,1fr));gap:10px;margin-top:9px;display:grid}.ops-card{grid-column:auto;min-height:102px;padding:10px 12px}.ops-card .section-head{gap:8px}.ops-card .section-head h2{font-size:15px}.ops-card .section-head svg{color:#4d76ff}.ops-card .section-head span{color:#fff;background:#ff7a1a;border-radius:5px;padding:2px 5px;font-size:11px;font-weight:800}.ops-card p,.donut-panel p{color:#536377;justify-content:space-between;align-items:center;gap:8px;margin:5px 0 0;font-size:13px;display:flex}.ops-card p svg{color:#ff595e;flex:none}.ops-card p b,.donut-panel p b{color:#172235;margin-left:auto}.ops-card i{background:#18b8a8;border-radius:50%;width:8px;height:8px}.ops-card i.red-dot{background:#ff595e}.api-card .section-head svg,.suggestion-card .section-head svg{color:#18b8a8}.dashboard-footer{z-index:1;color:#7a8796;justify-content:center;align-items:center;gap:10px;min-height:52px;font-size:13px;display:flex;position:relative}.dashboard-footer img{object-fit:cover;border-radius:12px;width:40px;height:40px}.dashboard-footer strong{color:#26364a;font-size:22px}@media (width>=1281px){.dashboard-main{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;align-content:stretch;row-gap:8px;display:grid}.dashboard-main .topbar{min-height:34px;margin-bottom:0}.dashboard-main .topbar h1{font-size:22px}.dashboard-main .metric-strip,.dashboard-main .dashboard-grid,.dashboard-main .ops-card-grid{gap:8px}.dashboard-main .metric-card{min-height:clamp(96px,10.5vh,114px);padding:12px 12px 8px}.dashboard-main .metric-card strong{margin:5px 0 4px;font-size:20px}.dashboard-main .metric-card span,.dashboard-main .metric-card small{font-size:12px}.dashboard-main .metric-icon{width:36px;height:36px;top:12px;right:12px}.dashboard-main .spark{height:20px;bottom:10px}.dashboard-main .flow-card{margin-top:0;padding:8px 16px 7px}.dashboard-main .flow-line{gap:8px;margin-top:6px}.dashboard-main .flow-icon{width:44px;height:44px}.dashboard-main .flow-step:not(:last-child):after{top:24px}.dashboard-main .dashboard-grid{grid-auto-rows:minmax(0,1fr);min-height:0;margin-top:0}.dashboard-main .panel{min-height:0;padding:10px 12px}.dashboard-main .section-head h2,.dashboard-main .panel h2{font-size:16px}.dashboard-main .chart{height:clamp(150px,18vh,190px);margin-top:6px;padding:12px 22px 20px}.dashboard-main .chart-mark{display:none}.dashboard-main .gauge,.dashboard-main .donut{width:82px;height:82px;margin:10px auto 8px;font-size:19px}.dashboard-main .gauge-panel .gauge{width:98px;height:98px;margin-top:6px;margin-bottom:8px;font-size:19px}.dashboard-main .gauge-panel .gauge span{font-size:10px}.dashboard-main .gauge-panel .split{align-self:end}.dashboard-main .gauge-panel .split button{padding:7px 8px;font-size:12px}.dashboard-main .gauge-panel .split b{margin-top:3px;font-size:18px}.dashboard-main .donut.channel,.dashboard-main .donut.aftersales{letter-spacing:0;font-size:16px}.dashboard-main .risk-row,.dashboard-main .mini-row,.dashboard-main .alert-row{min-height:28px;margin-top:5px;font-size:12px}.dashboard-main .donut-panel p,.dashboard-main .donut-row,.dashboard-main .ops-card p{margin-top:4px;font-size:12px}.dashboard-main .ops-card-grid{margin-top:0}.dashboard-main .ops-card{min-height:clamp(92px,10vh,112px);padding:9px 10px}.dashboard-main .ops-card .section-head h2{font-size:14px}.dashboard-main .dashboard-footer{gap:8px;min-height:34px;margin-top:0;font-size:12px;position:static}.dashboard-main .dashboard-footer img{border-radius:9px;width:30px;height:30px}.dashboard-main .dashboard-footer strong{font-size:18px}}@media (width>=1281px) and (height<=850px){.dashboard-main{row-gap:6px;padding:8px 12px 6px}.dashboard-main .topbar{min-height:28px;margin-bottom:5px}.dashboard-main .topbar h1{font-size:20px}.dashboard-main .top-actions button{height:28px;padding:0 10px}.dashboard-main .top-actions .icon-action{width:28px}.dashboard-main .badge{width:19px;height:19px;font-size:11px}.dashboard-main .metric-strip,.dashboard-main .dashboard-grid,.dashboard-main .ops-card-grid{gap:6px}.dashboard-main .metric-card{min-height:78px;padding:8px 10px 6px}.dashboard-main .metric-card strong{margin:3px 0 2px;font-size:18px}.dashboard-main .metric-icon{width:30px;height:30px;top:8px;right:8px}.dashboard-main .spark{height:15px;bottom:7px}.dashboard-main .flow-card{margin-top:0;padding:6px 14px 5px}.dashboard-main .flow-line{margin-top:4px}.dashboard-main .flow-icon{width:34px;height:34px;box-shadow:inset 0 0 0 6px #fff,0 0 0 1px #e0eeee}.dashboard-main .flow-step{gap:2px}.dashboard-main .flow-step:not(:last-child):after{top:18px}.dashboard-main .flow-step strong{font-size:12px}.dashboard-main .flow-step span{font-size:11px}.dashboard-main .dashboard-grid{margin-top:0}.dashboard-main .panel{min-height:84px;padding:8px 10px}.dashboard-main .section-head{gap:6px}.dashboard-main .section-head h2,.dashboard-main .panel h2{font-size:14px}.dashboard-main .section-head button,.dashboard-main .tabs button{font-size:12px}.dashboard-main .tabs button.active{padding:2px 6px}.dashboard-main .chart{height:58px;margin-top:4px;padding:6px 18px 12px}.dashboard-main .chart i{width:14px}.dashboard-main .chart-mark{width:54px;height:54px;bottom:14px;right:14px}.dashboard-main .gauge,.dashboard-main .donut{width:52px;height:52px;margin:4px auto 2px;font-size:15px}.dashboard-main .gauge span,.dashboard-main .donut span{font-size:10px}.dashboard-main .risk-row,.dashboard-main .mini-row,.dashboard-main .alert-row{gap:5px;min-height:22px;margin-top:3px;font-size:11px}.dashboard-main .risk-row b,.dashboard-main .mini-row span{width:18px;height:18px;font-size:10px}.dashboard-main .donut-panel p,.dashboard-main .donut-row,.dashboard-main .ops-card p{margin-top:2px;font-size:11px}.dashboard-main .ops-card-grid{margin-top:0}.dashboard-main .ops-card{min-height:66px;padding:7px 9px}.dashboard-main .ops-card .section-head h2{font-size:12px}.dashboard-main .dashboard-footer{display:none}}.alert-row{color:#4d5b6e;grid-template-columns:20px minmax(0,1fr) auto;margin-top:10px}.alert-row svg{color:#ff4d3d}.workspace-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:10px;display:grid}.work-card{grid-column:span 4}.products-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:12px}.products-workspace .panel{min-width:0}.product-filter-card{order:1;grid-column:1/-1}.product-table-card{order:2;grid-column:1}.sku-table-card{order:4;grid-column:1}.product-side-card{grid-column:2}.product-create-card{order:3}.sku-create-card{order:5}.mapping-create-card{order:6}.product-edit-card{order:7}.sku-edit-card{order:8}.mapping-edit-card{order:9}.data-panel{grid-column:span 12;overflow:auto hidden}.products-workspace .product-table-card,.products-workspace .sku-table-card{grid-column:1}.inventory-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:12px}.inventory-workspace .panel{min-width:0}.inventory-filter-card{order:1;grid-column:1/-1}.inventory-balance-card{order:2;grid-column:1}.inventory-movement-card{order:4;grid-column:1/-1}.warehouse-table-card{order:6;grid-column:1}.inventory-side-card{grid-column:2;padding:12px}.inventory-adjust-card,.warehouse-create-card{order:3}.warehouse-edit-card{order:7}.inventory-side-card h2{font-size:16px}.inventory-side-card .form-grid{gap:8px;margin-top:10px}.inventory-side-card .form-grid input,.inventory-side-card .form-grid select{height:36px}.inventory-side-card .primary-action{min-height:38px}.inventory-filter-card .form-grid{grid-template-columns:repeat(5,minmax(140px,1fr));align-items:center}.inventory-filter-card .check-row,.inventory-filter-card .primary-action{min-height:40px}.orders-workspace{padding-right:392px;display:block;position:relative}.orders-workspace .panel{min-width:0}.order-queue-card,.order-batch-card{margin-bottom:12px}.order-side-card{width:380px;padding:12px;position:absolute;right:0}.order-csv-card{top:0}.order-manual-card{top:225px}.order-side-card h2{font-size:16px}.order-side-card .form-grid{gap:8px;margin-top:10px}.order-side-card .form-grid input,.order-side-card .form-grid select{height:36px}.order-side-card .primary-action{min-height:38px}.orders-workspace .order-queue-card .section-head,.orders-workspace .order-batch-card .section-head{flex-wrap:wrap;align-items:center;gap:8px}.orders-workspace .order-queue-card .search-input,.orders-workspace .order-batch-card .search-input{flex:220px;min-width:180px}.orders-workspace .filter-tabs{justify-content:flex-start;width:100%}.two-column-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:12px}.two-column-workspace .panel{min-width:0}.two-column-workspace .main-card{order:1;grid-column:1}.two-column-workspace .secondary-card{order:3}.two-column-workspace .side-card{order:2;grid-column:2;padding:12px}.two-column-workspace .side-card h2{font-size:16px}.two-column-workspace .side-card .form-grid{gap:8px;margin-top:10px}.two-column-workspace .side-card .form-grid input,.two-column-workspace .side-card .form-grid select{height:36px}.two-column-workspace .side-card .primary-action{min-height:38px}.two-column-workspace .main-card .section-head{flex-wrap:wrap;align-items:center;gap:8px}.production-workspace .main-card .filter-tabs{justify-content:flex-start;width:100%}.settings-workspace .main-card table{min-width:0}.profit-workspace{gap:12px;display:grid}.profit-metrics{grid-template-columns:repeat(4,minmax(180px,1fr))}.profit-metrics .metric-card{min-height:116px}.profit-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(320px,380px);align-items:start;gap:12px;display:grid}.profit-content .panel,.profit-content .data-panel table{min-width:0}.profit-content .data-panel{grid-column:auto}.profit-cost-card{padding:12px}.profit-cost-card .form-grid{gap:8px;margin-top:10px}.profit-cost-card .form-grid input,.profit-cost-card .form-grid select{height:36px}.profit-cost-card .primary-action{min-height:38px}.data-workspace{gap:12px;display:grid}.data-metrics{grid-template-columns:repeat(4,minmax(180px,1fr))}.data-metrics .metric-card{min-height:116px}.data-content{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(360px,1.2fr);align-items:start;gap:12px;display:grid}.data-content .panel{min-width:0}.data-content .data-panel{grid-column:auto}.data-content .data-panel table{min-width:0}.data-risk-card{min-height:220px}.form-grid{gap:10px;margin-top:14px;display:grid}.products-workspace .form-grid{gap:8px;margin-top:10px}.product-filter-card .form-grid{grid-template-columns:repeat(6,minmax(130px,1fr));align-items:center}.product-filter-card .primary-action,.product-filter-card .mini-action{min-height:40px}.product-side-card{padding:12px}.product-side-card h2{font-size:16px}.product-side-card .form-grid input,.product-side-card .form-grid select{height:36px}.product-side-card .primary-action{min-height:38px}.form-grid input,.form-grid select,.inline-select{color:#26364a;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:6px;outline:none;width:100%;height:40px;padding:0 12px}.file-picker{color:#516176;cursor:pointer;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:6px;align-items:center;min-height:36px;padding:0 12px;display:flex}.file-picker input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.file-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-grid input:focus,.form-grid select:focus,.inline-select:focus{border-color:#18b8a8;box-shadow:0 0 0 3px #18b8a81f}.inline-select{background:#fff;min-width:160px;height:32px}.compact-select{width:auto;min-width:120px;max-width:160px}.compact-input{color:#26364a;background:#fff;border:1px solid #d9e3e6;border-radius:6px;outline:none;width:120px;height:30px;padding:0 8px}.compact-input:focus{border-color:#18b8a8;box-shadow:0 0 0 3px #18b8a81f}.check-row{color:#45546a;align-items:center;gap:8px;min-height:40px;font-size:13px;display:inline-flex}.check-row input{width:16px;height:16px}.search-input{color:#26364a;background:#fbfdfd;border:1px solid #d9e3e6;border-radius:6px;outline:none;width:min(320px,100%);height:34px;padding:0 12px}.search-input:focus{border-color:#18b8a8;box-shadow:0 0 0 3px #18b8a81f}.status-pill.lock,.status-pill.manual_adjust,.status-pill.production_in{color:#079984;background:#e7f8f5}.primary-action,.mini-action{color:#fff;cursor:pointer;background:#18b8a8;border:0;border-radius:6px}.primary-action{height:40px;font-weight:700}.mini-action{min-height:30px;padding:0 10px;font-size:13px}.primary-action:disabled,.mini-action:disabled{cursor:not-allowed;opacity:.5}.soft-action{color:#0f8f80;background:#e7f8f5}.danger-action{color:#c5352b;background:#fff0ef}.confirm-action{color:#fff;background:#d83a31}.button-row{flex-wrap:wrap;gap:6px;display:flex}.action-message{color:#0f8f80;background:#f0fbf9;border:1px solid #cdeee9;border-radius:6px;align-items:center;min-height:34px;margin-top:12px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.action-message.error{color:#c5352b;background:#fff5f4;border-color:#ffd0cc}.filter-summary{color:#647086;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.filter-summary strong{color:#26364a;background:#f8fbfb;border:1px solid #d9e3e6;border-radius:6px;padding:5px 9px;font-size:12px}.filter-summary button{color:#0f8f80;cursor:pointer;background:#e7f8f5;border:0;border-radius:6px;min-height:28px;padding:0 10px}.download-link{color:#2877e5;margin-top:10px;font-size:13px;text-decoration:none;display:inline-flex}.data-panel table{border-collapse:collapse;width:100%;min-width:720px;margin-top:12px;font-size:13px}.data-panel th{color:#69788b;text-align:left;border-bottom:1px solid #e7edf0;height:38px;font-weight:700}.data-panel td{color:#344258;vertical-align:middle;border-bottom:1px solid #edf2f3;min-height:46px;padding:10px 8px}.data-panel td strong{color:#172235;display:block}.data-panel td small{color:#7b8797;margin-top:3px;display:block}.mapping-list{flex-wrap:wrap;gap:6px;max-width:280px;display:flex}.mapping-chip{color:#0f746b;overflow-wrap:anywhere;background:#f0fbf9;border:1px solid #d9eeee;border-radius:6px;flex-direction:column;max-width:180px;padding:4px 7px;line-height:1.35;display:inline-flex}.mapping-chip small{color:#6e7f8d}.mapping-chip button{color:#0f8f80;cursor:pointer;background:0 0;border:0;width:fit-content;margin-top:4px;padding:0;font-size:12px;font-weight:700}.status-pill,.risk-tag,.ok-tag{border-radius:6px;align-items:center;min-height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.status-pill{color:#40607d;background:#eef5f8}.status-pill.shortage,.status-pill.production_pending,.status-pill.partial_failed,.status-pill.cancelled{color:#ff5b33;background:#fff0e8}.status-pill.ready_to_ship,.status-pill.stocked_in,.ok-tag{color:#079984;background:#e7f8f5}.status-pill.pending,.status-pill.in_progress,.status-pill.completed{color:#4b6ee8;background:#eef2ff}.risk-tag{color:#d93636;background:#fff0ef}.muted{color:#9aa5b4}.empty-cell{color:#8a97a8;text-align:center;background:#fbfdfd;height:78px}.summary-cell{white-space:pre-wrap;color:#69788b;max-width:360px}.error-banner{color:#b63024;background:#fff5f3;border:1px solid #ffd8d2;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:13px}.filter-tabs{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.filter-tabs button{color:#536377;cursor:pointer;background:#fff;border:1px solid #dce7ea;border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:0 10px;display:inline-flex}.filter-tabs button.active{color:#fff;background:#18b8a8;border-color:#18b8a8}.filter-tabs span{font-weight:800}@media (width<=1280px){.metric-strip{grid-template-columns:repeat(4,minmax(150px,1fr))}.flow-line{grid-template-columns:repeat(4,1fr)}.flow-step:after{display:none}.panel,.panel.wide,.table-panel,.work-card{grid-column:span 6}.data-panel{grid-column:span 12}.products-workspace{grid-template-columns:1fr}.product-filter-card,.product-table-card,.sku-table-card,.product-side-card,.inventory-filter-card,.inventory-balance-card,.inventory-movement-card,.warehouse-table-card,.inventory-side-card,.order-queue-card,.order-batch-card,.order-side-card,.two-column-workspace .main-card,.two-column-workspace .side-card{grid-column:1/-1}.product-filter-card{order:1}.product-table-card{order:2}.sku-table-card{order:3}.product-side-card{order:4}.product-filter-card .form-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.inventory-workspace{grid-template-columns:1fr}.inventory-filter-card{order:1}.inventory-balance-card{order:2}.inventory-movement-card{order:3}.warehouse-table-card{order:4}.inventory-side-card{order:5}.inventory-filter-card .form-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.orders-workspace{grid-template-columns:1fr;padding-right:0;display:grid}.order-queue-card{order:1}.order-batch-card{order:2}.order-side-card{order:3;width:auto;position:static}.two-column-workspace{grid-template-columns:1fr}.two-column-workspace .main-card{order:1}.two-column-workspace .secondary-card{order:2}.two-column-workspace .side-card{order:3}.profit-metrics{grid-template-columns:repeat(2,minmax(180px,1fr))}.profit-content{grid-template-columns:1fr}.data-metrics{grid-template-columns:repeat(2,minmax(180px,1fr))}.data-content{grid-template-columns:1fr}.dashboard-grid>.panel,.dashboard-grid>.panel:nth-child(n){grid-column:span 6}.ops-card-grid{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media (width<=760px){.app-shell{grid-template-columns:1fr;overflow:visible}.app-shell:before,.app-shell:after{display:none}.sidebar{z-index:5;border-bottom:1px solid #e6ecec;border-right:0;height:auto;padding:10px 10px 8px;display:block;position:sticky;top:0}.sidebar nav{scrollbar-width:none;gap:6px;margin-top:8px;padding-bottom:4px;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.sidebar nav button{white-space:nowrap;flex:none;width:auto;min-height:36px;padding:0 10px}.mascot{display:none}.brand-block{min-height:42px;padding:0 6px}.brand-block img{width:42px;height:42px}.brand-block strong{font-size:21px}.main{padding:12px 10px 34px}.dashboard-main{height:auto;overflow:visible}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.top-actions{flex-wrap:wrap;gap:8px;width:100%}.top-actions button{height:32px;padding:0 10px}.metric-strip,.flow-line,.dashboard-grid,.ops-card-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.flow-step{text-align:left;grid-template-columns:54px minmax(0,1fr);justify-items:start}.flow-icon{grid-row:span 2;width:52px;height:52px}.panel,.panel.wide,.table-panel,.work-card,.dashboard-grid>.panel,.dashboard-grid>.panel:nth-child(n){grid-column:1/-1}.data-panel{overflow-x:auto}.product-filter-card .form-grid,.inventory-filter-card .form-grid{grid-template-columns:1fr}.ops-card{min-height:112px}.dashboard-footer{text-align:center;flex-wrap:wrap;padding:12px 10px}}