:root{
  --bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fc;--ink:#17213a;--ink-2:#34405e;--muted:#77829b;--line:#e6eaf2;
  --primary:#3157e7;--primary-2:#233faf;--green:#0c9b6f;--orange:#ed8c23;--red:#df4a5c;--violet:#7557d9;--cyan:#0b91b3;
  --sidebar:#111936;--sidebar-2:#182142;--shadow:0 18px 50px rgba(32,44,76,.09);--shadow-sm:0 7px 24px rgba(27,40,72,.08);
  --radius:18px;--radius-sm:12px;--sidebar-w:252px;--topbar-h:76px;--fs-8:8px;--fs-9:9px;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-19:19px;--fs-20:20px;--fs-22:22px;--fs-23:23px;--fs-25:25px;--fs-28:28px;--fs-31:31px;--fs-32:32px;--fs-36:36px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:var(--fs-14);line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;display:block}small{display:block;color:var(--muted);font-size:var(--fs-12)}b,strong,h1,h2,h3,h4,p{margin-top:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);transition:grid-template-columns .25s ease}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,var(--sidebar),#0e1530);color:#e9edff;padding:16px 12px;display:flex;flex-direction:column;z-index:45;overflow:hidden}.side-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 5px}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#6178ff,#3554de);font-weight:900;font-size:var(--fs-13);letter-spacing:.7px;box-shadow:0 9px 24px rgba(75,102,255,.35)}.brand div{min-width:0}.brand b{display:block;font-size:var(--fs-15);white-space:nowrap}.brand small{color:#929ec7;white-space:nowrap}.side-collapse{border:0;background:#202a4c;color:#99a5cd;border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.side-collapse svg{width:15px;transition:transform .25s}.side-nav{padding-top:18px;overflow:auto;scrollbar-width:none;flex:1}.side-nav::-webkit-scrollbar{display:none}.nav-group{margin-bottom:18px}.nav-label{font-size:var(--fs-10);letter-spacing:.13em;text-transform:uppercase;color:#69769e;font-weight:800;padding:0 12px 7px;display:block;white-space:nowrap}.nav-link{height:42px;display:flex;align-items:center;gap:11px;color:#aab4d4;border-radius:11px;padding:0 11px;margin:2px 0;position:relative;transition:.18s}.nav-link:hover{color:#fff;background:#1a2447}.nav-link.active{color:#fff;background:linear-gradient(90deg,#344fd1,#2d46ba);box-shadow:0 7px 18px rgba(23,48,160,.35)}.nav-icon{width:20px;min-width:20px}.nav-icon svg{width:19px}.nav-text{white-space:nowrap;font-weight:650}.nav-link em{margin-left:auto;display:grid;place-items:center;min-width:21px;height:20px;padding:0 5px;border-radius:8px;background:#263159;color:#d7ddff;font-size:var(--fs-10);font-style:normal}.side-foot{border-top:1px solid #273151;padding-top:12px}.storage-indicator{border:0;background:#171f3e;color:#dce2fb;width:100%;border-radius:11px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;margin-bottom:8px}.storage-indicator .pulse{width:8px;height:8px;border-radius:50%;background:#3ed09b;box-shadow:0 0 0 5px rgba(62,208,155,.12)}.storage-indicator span{min-width:0}.storage-indicator b{display:block;font-size:var(--fs-11)}.storage-indicator small{color:#7f8ab1;font-size:var(--fs-10)}.user-menu{position:relative;display:flex;align-items:center;gap:9px;padding:7px 7px}.user-menu>div{min-width:0;flex:1}.user-menu b{font-size:var(--fs-12);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu small{color:#7f8ab1}.avatar,.mini-avatar{border-radius:10px;background:#e7ebff;color:#3151cb;font-weight:850;display:grid;place-items:center}.avatar{width:32px;height:32px;min-width:32px}.avatar.large{width:40px;height:40px}.user-menu>button{background:transparent;border:0;color:#8793bb}.user-popover{display:none;position:absolute;bottom:48px;left:5px;right:5px;background:#fff;color:var(--ink);box-shadow:var(--shadow);border-radius:11px;padding:6px}.user-popover.open{display:block}.user-popover a{display:block;padding:8px 9px;border-radius:8px}.user-popover a:hover{background:#f2f4f8}.workspace{min-width:0}.topbar{height:var(--topbar-h);position:sticky;top:0;z-index:35;background:rgba(244,246,251,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,225,236,.8);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.title-wrap h1{margin:0;font-size:var(--fs-22);line-height:1.2;letter-spacing:-.02em}.title-wrap p{margin:3px 0 0;color:var(--muted);font-size:var(--fs-12);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-menu{display:none;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.top-actions{display:flex;align-items:center;gap:9px}.command-trigger{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;width:280px;padding:0 10px;display:flex;align-items:center;gap:8px;color:#8a93aa;box-shadow:0 3px 9px rgba(30,43,73,.02)}.command-trigger svg{width:17px}.command-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-trigger kbd{margin-left:auto;border:1px solid #d9deea;background:#f6f7fa;border-radius:5px;padding:0 5px;font-size:var(--fs-11)}.icon-button{width:40px;height:40px;border-radius:11px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;position:relative}.icon-button.subtle{width:33px;height:33px;background:#f7f8fb}.icon-button.plain{border:0;background:transparent}.notify-dot{position:absolute;right:-4px;top:-4px;background:var(--red);color:#fff;border:2px solid var(--bg);min-width:18px;height:18px;border-radius:10px;font-style:normal;font-size:var(--fs-9);display:grid;place-items:center}.top-create{height:40px;border:0;border-radius:11px;background:var(--primary);color:#fff;display:flex;align-items:center;gap:7px;padding:0 14px;font-weight:750}.top-create svg{width:17px}.content{padding:22px 28px 60px;max-width:1800px;margin:auto}.page-actions,.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.page-actions>div:last-child,.head-actions{display:flex;gap:8px;align-items:center}.view-summary{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:var(--fs-12)}.view-summary i{width:4px;height:4px;background:#c1c7d6;border-radius:50%}.date-chip span{font-size:var(--fs-11);color:var(--muted);display:block}.date-chip b{font-size:var(--fs-15)}.btn{border-radius:10px;border:1px solid transparent;min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:720;background:#fff}.btn svg{width:16px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-2)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink-2)}.btn-secondary:hover{background:#f8f9fc}.btn-danger-soft{background:#fff0f2;color:#c43e50;border-color:#ffd7dd}.btn-large{height:46px;padding:0 19px}.btn-block{width:100%}.btn-compact{min-height:31px;font-size:var(--fs-11);padding:0 9px;background:#fff;border-color:#dfe4ee}.btn-compact svg{width:12px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 22px rgba(37,50,81,.035);min-width:0}.panel-header{min-height:66px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.panel-header h2{font-size:var(--fs-16);margin:1px 0 0}.panel-header>a{font-size:var(--fs-12);color:var(--primary);font-weight:700}.eyebrow{display:block;color:#8a94aa;font-size:var(--fs-9);letter-spacing:.14em;font-weight:850}.eyebrow.light{color:#9daaff}.panel-tools{display:flex;align-items:center;gap:8px}.compact-select,.inline-select{height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 9px;font-size:var(--fs-11)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 17px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-55px;background:rgba(49,87,231,.08)}.metric-card.green:after{background:rgba(12,155,111,.08)}.metric-card.orange:after{background:rgba(237,140,35,.1)}.metric-card.violet:after{background:rgba(117,87,217,.08)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--fs-12)}.metric-top em{font-style:normal;color:var(--green);font-size:var(--fs-10);font-weight:750;background:#ebfaf5;padding:3px 6px;border-radius:7px}.metric-card>strong{font-size:var(--fs-25);line-height:1.2;display:block;margin:9px 0 3px;letter-spacing:-.03em}.metric-card>p{margin:0;color:var(--muted);font-size:var(--fs-11)}.metric-spark{height:24px;display:flex;align-items:flex-end;gap:3px;position:absolute;right:16px;bottom:14px}.metric-spark i{width:3px;border-radius:3px;background:#dce3ff;height:8px}.metric-spark i:nth-child(2){height:11px}.metric-spark i:nth-child(3){height:7px}.metric-spark i:nth-child(4){height:15px}.metric-spark i:nth-child(5){height:13px}.metric-spark i:nth-child(6){height:20px}.metric-spark i:nth-child(7){height:17px;background:#7991ef}.dashboard-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:16px;margin-bottom:16px}.dashboard-grid.lower{grid-template-columns:1.2fr .8fr}.attention-list{padding:5px 12px 12px}.attention{display:grid;grid-template-columns:38px 1fr auto 16px;gap:10px;align-items:center;padding:11px 5px;border-bottom:1px solid #edf0f5}.attention:last-child{border-bottom:0}.attention:hover{background:#fafbfe}.attention-icon{width:36px;height:36px;border-radius:11px;background:#eef2ff;color:#4562d7;display:grid;place-items:center}.attention-icon svg{width:17px}.attention.warning .attention-icon{background:#fff5e8;color:#d77c1a}.attention.danger .attention-icon{background:#fff0f2;color:#d04657}.attention b{font-size:var(--fs-12)}.attention p{margin:2px 0 0;color:var(--muted);font-size:var(--fs-11)}.attention em{font-style:normal;font-size:var(--fs-9);background:#f1f3f8;border-radius:7px;padding:3px 6px;color:#6f7a94}.attention>svg{width:13px;color:#a3acbe}.count-pill{font-size:var(--fs-10);padding:4px 7px;border-radius:8px;background:#f0f2f7;color:#66718a}.chart-wrap{height:220px;padding:23px 21px 10px 48px;position:relative}.chart-axis{position:absolute;left:13px;top:24px;bottom:31px;display:flex;flex-direction:column;justify-content:space-between;color:#a5adbd;font-size:var(--fs-9)}.bar-chart{height:155px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #dfe4ed;background:repeating-linear-gradient(to bottom,#fff 0,#fff 38px,#edf0f5 39px)}.bar-chart i{height:var(--h);width:7%;border-radius:6px 6px 2px 2px;background:linear-gradient(#7187eb,#4c68df);position:relative;min-height:5px}.bar-chart i.today{background:linear-gradient(#3eb992,#0d9970)}.bar-chart i b{display:none;position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:var(--fs-9)}.bar-chart i:hover b{display:block}.chart-labels{display:flex;justify-content:space-around;color:#9aa3b5;font-size:var(--fs-9);margin-top:7px}.chart-summary{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:11px 16px}.chart-summary div{padding:0 10px;border-right:1px solid var(--line)}.chart-summary div:last-child{border:0}.chart-summary span{font-size:var(--fs-9);color:var(--muted);display:block}.chart-summary b{font-size:var(--fs-13)}.flow-row{display:flex;align-items:center;justify-content:space-around;padding:24px 14px}.flow-row div{text-align:center}.flow-row i{display:grid;place-items:center;width:42px;height:42px;margin:auto;border-radius:14px;background:#eef2ff;color:#3e5bd1;font-style:normal;font-weight:850}.flow-row span{display:block;font-size:var(--fs-10);margin-top:6px}.flow-row>b{color:#c5cbd8}.carrier-performance{padding:0 18px 17px}.carrier-performance>div{display:grid;grid-template-columns:1fr auto;gap:5px;font-size:var(--fs-10);margin-top:8px}.carrier-performance i{grid-column:1/3;height:5px;background:#edf0f5;border-radius:5px;overflow:hidden}.carrier-performance em{height:100%;display:block;background:#6c83e6;border-radius:5px}.donut-row{display:flex;align-items:center;justify-content:center;gap:30px;padding:23px}.donut{width:126px;height:126px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--p)*1%),#e9edf4 0);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:13px;background:#fff;border-radius:50%}.donut span{z-index:1;text-align:center}.donut b{font-size:var(--fs-23);display:block}.donut small{font-size:var(--fs-9)}.stock-legend>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;margin:9px 0;font-size:var(--fs-10)}.stock-legend i{width:7px;height:7px;border-radius:50%;background:#aaa}.stock-legend i.green{background:var(--green)}.stock-legend i.orange{background:var(--orange)}.stock-legend i.red{background:var(--red)}.stock-legend i.gray{background:#a5adbd}.recent-panel{margin-bottom:10px}.table-shell{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:840px}.data-table th{font-size:var(--fs-10);color:#7c869c;text-align:left;background:#fafbfc;border-bottom:1px solid var(--line);padding:10px 12px;white-space:nowrap;font-weight:750}.data-table td{padding:12px;border-bottom:1px solid #eef1f5;font-size:var(--fs-11);vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover:not(.product-expand-row){background:#fbfcff}.data-table td>b,.data-table td>strong{font-size:var(--fs-11)}.data-table td small{margin-top:2px;font-size:var(--fs-10)}.data-table.compact{min-width:720px}.order-number{background:transparent;border:0;text-align:left;padding:0;color:var(--primary)}.order-number b{font-size:var(--fs-11)}.customer-cell,.product-cell{display:flex;align-items:center;gap:9px;min-width:150px}.mini-avatar{width:31px;height:31px;min-width:31px}.status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-9);font-weight:750;padding:4px 7px;border-radius:8px;background:#f1f3f7;color:#68738b;white-space:nowrap}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-green{background:#eaf9f4;color:#128761}.status-blue{background:#edf1ff;color:#3654c9}.status-orange{background:#fff2e5;color:#c36b16}.status-amber{background:#fff6df;color:#ac7612}.status-red{background:#fff0f2;color:#c63f51}.status-violet{background:#f1edff;color:#684bd1}.status-cyan{background:#e9f8fb;color:#087c98}.status-pink{background:#fff0f8;color:#b83f82}.status-gray{background:#f0f2f6;color:#697389}.page-flash{padding:10px 13px;border-radius:10px;margin-bottom:12px}.page-flash.success{background:#eaf9f4;color:#147c5d}.page-flash.error{background:#fff0f2;color:#b93649}.smart-view-bar{display:flex;gap:8px;margin-bottom:12px;overflow:auto;padding-bottom:2px;scrollbar-width:none}.smart-view-bar::-webkit-scrollbar{display:none}.smart-view{height:41px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 11px;display:flex;align-items:center;gap:10px;white-space:nowrap;color:#66718a;font-weight:650;font-size:var(--fs-11)}.smart-view b{display:grid;place-items:center;min-width:20px;height:19px;padding:0 5px;border-radius:7px;background:#f1f3f7;color:#77819a;font-size:var(--fs-9)}.smart-view.active{border-color:#aebaf1;color:#2c49bd;background:#f4f6ff}.smart-view.active b{background:#dfe5ff;color:#2e4bc0}.smart-view.add-view{border-style:dashed}.filter-toolbar{padding:11px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.filter-tabs{display:flex;gap:5px;overflow:auto}.filter-tab{border:0;background:transparent;padding:8px 9px;border-radius:8px;color:#788299;font-size:var(--fs-10);font-weight:700;white-space:nowrap}.filter-tab.active{background:#eef2ff;color:#3451c4}.filter-tools{display:flex;align-items:center;gap:7px}.table-search{height:34px;width:210px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:6px;padding:0 8px;background:#fff}.table-search svg{width:14px;color:#8b95a9}.table-search input{width:100%;border:0;outline:0;font-size:var(--fs-10);background:transparent}.active-filters{padding:8px 13px;display:flex;align-items:center;gap:6px;background:#fafbfe;border-bottom:1px solid var(--line);font-size:var(--fs-10)}.active-filters button{border:1px solid #dce2ef;background:#fff;border-radius:8px;padding:4px 7px}.active-filters a{margin-left:auto;color:var(--primary)}.bulk-bar{display:none;background:#1d2d68;color:#fff;padding:8px 13px;align-items:center;gap:8px}.bulk-bar.show{display:flex}.bulk-bar span{margin-right:auto;font-size:var(--fs-10)}.bulk-bar button{border:1px solid #4b5d96;background:#2c3d78;color:#fff;border-radius:8px;padding:6px 9px;font-size:var(--fs-9)}.bulk-bar button.danger{background:#8b3144;border-color:#a94a5d}.check-col{width:35px}.row-check{display:inline-flex}.row-check input{display:none}.row-check span{width:16px;height:16px;border:1.5px solid #c9cfdb;border-radius:5px;background:#fff;position:relative}.row-check input:checked+span{background:var(--primary);border-color:var(--primary)}.row-check input:checked+span:after{content:"";position:absolute;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);left:3px;top:3px}.order-table{min-width:1120px}.ship-cell{min-width:130px}.sla{display:inline-block;border-radius:7px;background:#f1f3f7;color:#657088;padding:4px 7px;font-size:var(--fs-9);white-space:nowrap}.sla.warn{background:#fff4df;color:#a97212}.sla.danger{background:#fff0f2;color:#c13b4e}.action-col{width:42px}.table-footer{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:var(--fs-10)}.table-footer>div{display:flex;align-items:center;gap:4px}.table-footer select,.table-footer button{height:28px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:var(--fs-9)}.table-footer button{width:28px}.table-footer button.active{background:#edf1ff;color:var(--primary)}.overlay{position:fixed;inset:0;background:rgba(15,23,48,.38);z-index:70;opacity:0;pointer-events:none;transition:.2s}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;right:0;top:0;height:100vh;width:min(560px,94vw);background:#fff;z-index:80;box-shadow:-18px 0 50px rgba(25,35,62,.16);transform:translateX(103%);transition:.28s ease;overflow:auto}.drawer.open{transform:translateX(0)}.drawer-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;background:#fff;z-index:2}.drawer-header h2{font-size:var(--fs-18);margin:2px 0 0}.drawer-body{padding:16px 20px 90px}.drawer-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:12px 20px;display:flex;justify-content:flex-end;gap:8px;z-index:2}.drawer-loading{height:100%;display:grid;place-items:center;color:var(--muted)}.order-drawer .drawer-order-top{padding:18px 20px;border-bottom:1px solid var(--line)}.drawer-order-top>div:first-child{display:flex;align-items:flex-start;justify-content:space-between}.drawer-order-top h2{font-size:var(--fs-18);margin:2px 0}.drawer-order-top p{font-size:var(--fs-11);color:var(--muted);margin:0}.drawer-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;position:sticky;top:0;background:#fff;z-index:2}.drawer-tabs button{border:0;background:transparent;padding:12px 8px;font-size:var(--fs-10);color:#7b859a;border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--primary);border-bottom-color:var(--primary)}.drawer-section{padding:16px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:var(--fs-12);margin-bottom:11px}.order-timeline{display:flex;align-items:flex-start}.order-timeline>div{flex:1;text-align:center;position:relative}.order-timeline>div:before{content:"";height:2px;background:#dfe4ec;position:absolute;left:0;right:0;top:10px}.order-timeline>div:first-child:before{left:50%}.order-timeline>div:last-child:before{right:50%}.order-timeline i{width:20px;height:20px;background:#e8ebf1;border-radius:50%;display:grid;place-items:center;margin:auto;position:relative;z-index:1;color:#fff;font-size:var(--fs-8)}.order-timeline .done i{background:var(--green)}.order-timeline span{display:block;margin-top:5px;font-size:var(--fs-9);color:var(--muted)}.drawer-order-items .order-line{display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px dashed #e8ebf1}.drawer-order-items .order-line:last-child{border:0}.product-placeholder{display:block;width:36px;height:36px;border-radius:9px;background:linear-gradient(135deg,#eff2f8,#dfe4ee)}.order-line p{margin:0}.order-line b{font-size:var(--fs-10)}.order-line small{font-size:var(--fs-9)}.order-address{background:#f8f9fc;border-radius:12px;padding:12px;font-size:var(--fs-11)}.order-address b{display:block;margin-bottom:4px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer-actions button,.case-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px;font-size:var(--fs-10)}.drawer-actions .primary{background:var(--primary);color:#fff;border-color:var(--primary)}.drawer-status-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:var(--fs-10);color:#5d6881;font-weight:700}.field input,.field select,.field textarea{border:1px solid #dce1eb;background:#fff;border-radius:9px;min-height:39px;padding:8px 10px;outline:none;font-size:var(--fs-11)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#9babea;box-shadow:0 0 0 3px rgba(49,87,231,.08)}.field textarea{min-height:80px;resize:vertical}.field small{font-size:var(--fs-9)}.span-2{grid-column:span 2}.filter-drawer{width:min(430px,94vw)}.filter-section{padding:14px 0;border-bottom:1px solid var(--line)}.filter-section h3{font-size:var(--fs-11)}.date-range{display:flex;align-items:center;gap:7px}.date-range input{min-width:0;border:1px solid var(--line);border-radius:8px;padding:7px}.quick-dates{display:flex;gap:5px;margin-top:8px}.quick-dates button{border:1px solid var(--line);background:#fff;border-radius:8px;font-size:var(--fs-9);padding:5px 8px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:var(--fs-10)}.notification-panel{position:fixed;right:16px;top:70px;width:min(380px,calc(100vw - 32px));max-height:calc(100vh - 90px);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;z-index:76;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s;overflow:hidden}.notification-panel.open{opacity:1;transform:none;pointer-events:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--line)}.panel-top h3{margin:2px 0 0}.notification-list{max-height:410px;overflow:auto}.notification-item{display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid #eef1f5}.notification-item>i{width:8px;height:8px;border-radius:50%;margin-top:5px;background:#6f84df}.notification-item.warning>i{background:var(--orange)}.notification-item.danger>i{background:var(--red)}.notification-item b{font-size:var(--fs-11)}.panel-bottom{padding:10px;text-align:center}.panel-bottom a{font-size:var(--fs-10);color:var(--primary)}.command-modal{position:fixed;inset:0;background:rgba(14,22,47,.45);z-index:100;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;opacity:0;pointer-events:none;transition:.18s}.command-modal.open{opacity:1;pointer-events:auto}.command-box{width:min(610px,92vw);background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(13,22,51,.25);overflow:hidden}.command-input{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 14px}.command-input input{border:0;outline:0;flex:1;font-size:var(--fs-14)}.command-input button{border:0;background:transparent}.command-input kbd{font-size:var(--fs-9);border:1px solid var(--line);border-radius:5px;padding:3px 5px}.command-results{padding:9px;max-height:440px;overflow:auto}.command-group{display:block;font-size:var(--fs-9);color:#9099ac;padding:6px 7px}.command-results a{display:flex;align-items:center;gap:10px;border-radius:10px;padding:9px}.command-results a:hover{background:#f4f6fb}.command-results a>i{width:35px;height:35px;border-radius:10px;background:#edf1ff;color:#3452c6;display:grid;place-items:center}.command-results a>i svg{width:16px}.command-results b{font-size:var(--fs-11)}.quick-create-menu{position:fixed;right:27px;top:66px;width:290px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;z-index:75;padding:7px;opacity:0;transform:translateY(-5px);pointer-events:none;transition:.17s}.quick-create-menu.open{opacity:1;transform:none;pointer-events:auto}.quick-create-menu a,.quick-create-menu button{border:0;background:transparent;width:100%;display:flex;align-items:center;gap:10px;padding:9px;border-radius:9px;text-align:left}.quick-create-menu a:hover,.quick-create-menu button:hover{background:#f4f6fb}.quick-create-menu>*>svg{width:18px;color:#4560cc}.quick-create-menu b{font-size:var(--fs-11)}.quick-create-menu small{font-size:var(--fs-9)}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:380px;background:#17213a;color:#fff;border-radius:12px;padding:11px 13px;box-shadow:var(--shadow);display:flex;gap:9px;align-items:center;animation:toastIn .25s}.toast.success:before{content:"✓";color:#5be0ae}.toast.error:before{content:"!";color:#ff8392}@keyframes toastIn{from{transform:translateY(15px);opacity:0}}
.fulfillment-summary{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px 15px;margin-bottom:14px}.fulfillment-summary>div:not(.cutoff){min-width:93px}.fulfillment-summary span{font-size:var(--fs-9);color:var(--muted);display:block}.fulfillment-summary b{font-size:var(--fs-17)}.fulfillment-summary small{font-size:var(--fs-9)}.fulfillment-summary>i{width:1px;height:34px;background:var(--line)}.fulfillment-summary .cutoff{margin-left:auto;background:#f2f5ff;border-radius:11px;padding:8px 13px}.fulfillment-summary .cutoff b{font-size:var(--fs-13);color:var(--primary)}.view-switch{display:flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}.view-switch button{border:0;background:transparent;border-radius:7px;padding:6px 10px;font-size:var(--fs-10)}.view-switch button.active{background:#edf1ff;color:var(--primary)}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:12px;align-items:start;overflow:auto;padding-bottom:8px}.kanban-lane{background:#eef1f6;border-radius:15px;padding:9px;min-width:255px}.lane-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.lane-head>div{display:flex;align-items:center;gap:7px}.lane-head i{width:7px;height:7px;border-radius:50%;background:#6681e7}.lane-head i.orange{background:var(--orange)}.lane-head i.violet{background:var(--violet)}.lane-head i.green{background:var(--green)}.lane-head h3{font-size:var(--fs-11);margin:0}.lane-head span{font-size:var(--fs-9);background:#fff;padding:2px 6px;border-radius:6px}.lane-head button{border:0;background:transparent}.lane-head svg{width:16px}.lane-list{display:flex;flex-direction:column;gap:8px}.fulfillment-card{background:#fff;border:1px solid #e0e5ed;border-radius:13px;padding:11px;box-shadow:0 4px 10px rgba(33,45,77,.04)}.fulfillment-card.rush{border-left:3px solid var(--red)}.card-top{display:flex;justify-content:space-between;gap:8px}.card-top>button{border:0;background:transparent;text-align:left;padding:0;color:var(--primary)}.card-top b{font-size:var(--fs-10)}.card-top em{font-size:var(--fs-8);font-style:normal;color:#bd3748;background:#fff0f2;padding:3px 5px;border-radius:6px;height:max-content}.pick-items{margin:8px 0}.pick-items>div{display:grid;grid-template-columns:30px 1fr auto;gap:7px;align-items:center;padding:5px 0}.pick-items .product-placeholder{width:29px;height:29px}.pick-items p{margin:0}.pick-items b{font-size:var(--fs-9)}.pick-items small{font-size:var(--fs-8)}.pick-items strong{font-size:var(--fs-8);background:#f2f4f8;padding:3px 5px;border-radius:5px}.card-meta{display:flex;gap:10px;border-top:1px dashed #e1e5ed;padding-top:8px;color:#79839a;font-size:var(--fs-8)}.card-meta span{display:flex;align-items:center;gap:4px}.card-meta svg{width:12px}.card-action{width:100%;border:0;background:#edf1ff;color:#3550c0;border-radius:8px;height:31px;margin-top:8px;font-size:var(--fs-9);font-weight:750;display:flex;align-items:center;justify-content:center;gap:5px}.card-action svg{width:12px}.lane-empty{text-align:center;padding:25px;color:#9aa3b3;font-size:var(--fs-10)}.batch-panel{margin-top:12px}.batch-tools{display:grid;grid-template-columns:repeat(4,1fr);padding:14px;gap:9px}.batch-tools button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;text-align:left;display:grid;grid-template-columns:35px 1fr;gap:0 10px}.batch-tools button span{grid-row:1/3;width:35px;height:35px;background:#eef2ff;color:#3f5aca;border-radius:10px;display:grid;place-items:center}.batch-tools button span svg{width:17px}.batch-tools button b{font-size:var(--fs-10)}.batch-tools button small{font-size:var(--fs-8)}.product-thumb{width:42px;height:42px;min-width:42px;border-radius:11px;background:linear-gradient(135deg,#edf1f8,#dfe5ef);display:grid;place-items:center;color:#69758d;position:relative}.product-thumb.small{width:34px;height:34px;min-width:34px}.product-thumb.tiny{width:30px;height:30px;min-width:30px}.product-thumb em{font-style:normal;font-size:var(--fs-9);font-weight:850}.product-thumb i{position:absolute;right:-3px;top:-3px;background:var(--orange);color:#fff;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-8);font-style:normal}.product-cell>div>em{font-style:normal;font-size:var(--fs-8);color:#b46717;background:#fff1df;padding:2px 5px;border-radius:5px}.stock-number.low{color:var(--red)}.updated-time{font-size:var(--fs-9);color:var(--muted)}.product-expand-row{display:none;background:#f8faff}.product-expand-row.open{display:table-row}.product-expand-row td{padding:0!important}.quick-edit-form{padding:16px 18px;border-top:2px solid #bdc9f3}.quick-edit-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.quick-edit-head h3{font-size:var(--fs-13);margin:2px 0}.quick-edit-head>div:last-child{display:flex;gap:7px}.quick-edit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.variant-editor{margin-top:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px}.variant-head{display:flex;justify-content:space-between}.variant-head h4{font-size:var(--fs-11)}.variant-head span{font-size:var(--fs-9);color:var(--muted)}.variant-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.variant-grid label{border:1px solid var(--line);border-radius:9px;padding:7px;display:flex;align-items:center;justify-content:space-between;gap:6px}.variant-grid b{font-size:var(--fs-9)}.variant-grid small{font-size:var(--fs-8)}.variant-grid input{width:48px;border:1px solid var(--line);border-radius:7px;padding:5px;text-align:center}.quick-shortcuts{display:flex;gap:6px;margin-top:10px}.quick-shortcuts button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 9px;font-size:var(--fs-9)}.location-switch{display:flex;align-items:center;gap:8px}.location-switch span{font-size:var(--fs-10);color:var(--muted)}.location-switch select{height:38px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px}.inventory-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;margin-bottom:14px}.inventory-side{display:flex;flex-direction:column;gap:14px}.inventory-table{min-width:900px}.location-tag{background:#f0f2f6;border-radius:7px;padding:4px 7px;font-size:var(--fs-9)}.reorder-card{padding-bottom:8px}.reorder-item{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid #eef1f5}.reorder-item:last-child{border:0}.reorder-item>div{flex:1}.reorder-item b{font-size:var(--fs-10)}.reorder-item strong{font-size:var(--fs-10);color:var(--primary)}.warehouse-map{padding-bottom:12px}.rack-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}.rack-grid>div{border:1px solid var(--line);border-radius:10px;padding:9px}.rack-grid b{display:block;color:var(--primary)}.rack-grid span{font-size:var(--fs-9)}.rack-grid em{display:block;font-size:var(--fs-8);font-style:normal;color:var(--muted)}.rack-grid .quarantine{background:#fff7ec;border-color:#f4d7b4}.movement-list{padding:0 14px}.movement-row{display:grid;grid-template-columns:46px minmax(160px,1fr) 90px 110px 160px;align-items:center;gap:10px;padding:10px 3px;border-bottom:1px solid #eef1f5;font-size:var(--fs-10)}.movement-row:last-child{border:0}.movement-sign{width:40px;text-align:center;padding:5px;border-radius:8px;font-weight:750}.movement-sign.plus{background:#eaf9f4;color:#137f5d}.movement-sign.minus{background:#fff0f2;color:#bd3d4e}.adjust-mode{display:flex;gap:7px}.adjust-mode label{flex:1}.adjust-mode input{display:none}.adjust-mode span{display:block;border:1px solid var(--line);border-radius:9px;padding:9px;text-align:center;font-size:var(--fs-10)}.adjust-mode input:checked+span{border-color:#8da0e7;background:#eef2ff;color:#314fc4}.purchase-grid{display:grid;grid-template-columns:1fr 300px;gap:14px;margin-bottom:14px}.po-row{display:grid;grid-template-columns:1.3fr 1fr 100px 100px 35px;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:var(--fs-10)}.po-row>div:nth-child(2) i{display:block;height:5px;background:#edf0f5;border-radius:5px;margin-top:5px}.po-row em{display:block;height:100%;background:var(--green);border-radius:5px}.supplier-score{padding:8px 14px}.supplier-score>div{padding:11px 0;border-bottom:1px solid var(--line);position:relative}.supplier-score b{position:absolute;right:0;top:10px;color:var(--primary)}.inline-number{width:65px;border:1px solid var(--line);border-radius:7px;padding:5px}.promotion-type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:14px}.promotion-type-grid button{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px;text-align:left}.promotion-type-grid button>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#eef2ff;color:var(--primary);font-weight:850;margin-bottom:9px}.promotion-type-grid b{font-size:var(--fs-10);display:block}.promotion-type-grid small{font-size:var(--fs-8)}.type-tag,.segment-tag,.role-tag{font-size:var(--fs-8);background:#eef1f7;color:#647089;padding:4px 6px;border-radius:7px;white-space:nowrap}.mini-progress{height:4px;background:#eef1f5;border-radius:4px;margin-top:4px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--primary)}.yes-mark{color:var(--green)}.no-mark{color:#8c95a8}.modal{position:fixed;inset:0;background:rgba(13,21,45,.45);z-index:110;display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.18s}.modal.open{opacity:1;pointer-events:auto}.modal-card{background:#fff;width:min(480px,96vw);max-height:92vh;overflow:auto;border-radius:18px;box-shadow:0 30px 80px rgba(18,28,57,.28)}.modal-card.medium{width:min(520px,96vw)}.modal-card.large{width:min(800px,96vw)}.modal-header{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 19px}.modal-header h2{font-size:var(--fs-17);margin:2px 0}.modal-body{padding:18px}.modal-footer{border-top:1px solid var(--line);padding:12px 18px;display:flex;justify-content:flex-end;gap:8px}.builder-steps{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px;border-bottom:1px solid var(--line)}.builder-steps span{font-size:var(--fs-9);color:#8b95a9;display:flex;align-items:center;gap:5px}.builder-steps i{width:20px;height:20px;border-radius:50%;background:#edf0f5;display:grid;place-items:center;font-style:normal}.builder-steps span.active{color:var(--primary)}.builder-steps span.active i{background:var(--primary);color:#fff}.builder-steps b{width:30px;height:1px;background:#dfe4ed}.promotion-form-grid,.settings-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.switch-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px}.switch-field>input{display:none}.switch-field>span{width:36px;height:20px;border-radius:12px;background:#d9deea;padding:2px}.switch-field>span i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s}.switch-field input:checked+span{background:var(--primary)}.switch-field input:checked+span i{transform:translateX(16px)}.switch-field b{font-size:var(--fs-10)}.switch-field small{font-size:var(--fs-8)}.return-layout{display:grid;grid-template-columns:1fr 310px;gap:14px}.return-row{display:grid;grid-template-columns:150px 1fr 1.2fr 130px 130px 80px;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:var(--fs-10)}.return-row>div b{font-size:var(--fs-10)}.return-id b{color:var(--primary)}.return-policy{padding-bottom:10px}.policy-step{display:flex;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line)}.policy-step>i{width:25px;height:25px;min-width:25px;border-radius:8px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-style:normal;font-weight:800}.policy-step b{font-size:var(--fs-10)}.policy-step p{font-size:var(--fs-8);color:var(--muted);margin:2px 0}.case-summary{background:#f7f9fd;border-radius:12px;padding:12px}.case-summary b{font-size:var(--fs-11)}.case-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.customer-layout{display:grid;grid-template-columns:1fr 300px;gap:14px}.segment-list{padding:6px 14px}.segment-list>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.seg-dot{width:7px;height:7px;border-radius:50%;background:#7890e8}.seg-dot.vip{background:#8c61db}.seg-dot.repeat{background:#0fa478}.seg-dot.new{background:#4c73e8}.seg-dot.dormant{background:#a8afbf}.seg-dot.risk{background:#df4a5c}.segment-list p{margin:0}.segment-list b{font-size:var(--fs-10)}.segment-list strong{font-size:var(--fs-10)}.risk-text{color:var(--red)}.carrier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.carrier-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:42px 1fr;gap:10px}.carrier-logo{width:42px;height:42px;border-radius:12px;background:#eef2ff;color:#3f5bce;display:grid;place-items:center;font-weight:850}.carrier-card-head{display:flex;justify-content:space-between}.carrier-card-head h3{font-size:var(--fs-12);margin:0 0 3px}.carrier-card-head button{border:0;background:transparent}.connect-state{font-size:var(--fs-8);display:flex;align-items:center;gap:4px;color:#788299}.connect-state i{width:5px;height:5px;border-radius:50%;background:currentColor}.connect-state.green{color:var(--green)}.connect-state.orange{color:var(--orange)}.connect-state.gray{color:#8d96a7}.carrier-stats{grid-column:1/3;background:#f8f9fc;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;padding:8px}.carrier-stats div:first-child{border-right:1px solid var(--line)}.carrier-stats div:last-child{padding-left:10px}.carrier-stats span{display:block;font-size:var(--fs-8);color:var(--muted)}.carrier-stats b{font-size:var(--fs-9)}.carrier-actions{grid-column:1/3;display:flex;gap:6px}.carrier-actions button{flex:1;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px;font-size:var(--fs-9)}.shipping-config-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-bottom:14px}.rule-list{padding:5px 15px}.rule-list>div{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.rule-list>div>i{width:25px;height:25px;border-radius:8px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-style:normal}.rule-list p{margin:0}.rule-list b{font-size:var(--fs-10)}.rule-list button{border:0;background:transparent;color:var(--primary);font-size:var(--fs-9)}.package-list{padding:8px 14px}.package-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.package-icon{width:34px;height:30px;border:2px solid #7b88a1;border-radius:4px;position:relative}.package-icon:before{content:"";position:absolute;left:50%;top:-2px;height:100%;border-left:1px dashed #9ea7b9}.package-list p{margin:0;flex:1}.package-list b{font-size:var(--fs-10)}.package-list em{font-size:var(--fs-8);font-style:normal;color:var(--muted)}.pickup-timeline{display:flex;padding:25px 20px}.pickup-timeline>div{flex:1;position:relative;padding-top:20px}.pickup-timeline>div:before{content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:#dfe4ec}.pickup-timeline>div:first-child:before{left:50%}.pickup-timeline>div:last-child:before{right:50%}.pickup-timeline i{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:14px;height:14px;border:3px solid #cdd3df;background:#fff;border-radius:50%;z-index:1}.pickup-timeline i.done{border-color:var(--green);background:var(--green)}.pickup-timeline i.active{border-color:var(--primary);box-shadow:0 0 0 4px rgba(49,87,231,.12)}.pickup-timeline span,.pickup-timeline p{text-align:center;display:block}.pickup-timeline span{font-size:var(--fs-9);color:var(--primary);font-weight:750}.pickup-timeline p{margin:5px 0}.pickup-timeline b{font-size:var(--fs-9)}.document-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.document-type-grid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px}.document-type-grid>a>span{width:38px;height:38px;border-radius:11px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.document-type-grid b{font-size:var(--fs-10)}.document-type-grid em{font-size:var(--fs-8);font-style:normal;color:var(--primary)}.document-layout{display:grid;grid-template-columns:1fr 290px;gap:14px}.empty-state{text-align:center;padding:45px 20px;color:#9099ab}.empty-state>span{width:50px;height:50px;background:#f0f2f7;border-radius:15px;display:grid;place-items:center;margin:0 auto 10px}.empty-state h3{font-size:var(--fs-12)}.empty-state p{font-size:var(--fs-9)}.printer-profile{padding-bottom:14px}.paper-preview{padding:18px}.paper-preview>div{height:180px;border:1px solid #dce1eb;box-shadow:0 9px 25px rgba(30,42,73,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff,#fafafa)}.paper-preview span{font-size:var(--fs-9);color:var(--muted)}.paper-preview b{font-size:var(--fs-14)}.profile-row{display:flex;justify-content:space-between;padding:8px 16px;border-top:1px solid var(--line);font-size:var(--fs-9)}.printer-profile>.btn{margin:12px 16px 0;width:calc(100% - 32px)}.date-filter{display:flex;align-items:center;gap:7px}.date-filter button,.date-filter select{border:1px solid var(--line);background:#fff;border-radius:9px;height:36px;padding:0 10px;font-size:var(--fs-10)}.report-dashboard{display:grid;grid-template-columns:1.4fr .6fr;gap:14px;margin-bottom:14px}.legend{display:flex;gap:12px;font-size:var(--fs-9)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:3px;background:#536fe0}.legend i.profit{background:#39a985}.line-chart{padding:15px 18px}.line-chart svg{width:100%;height:250px;color:#526edf;overflow:visible}.grid-lines{stroke:#e8ebf1;stroke-width:1}.line{fill:none;stroke-width:3;vector-effect:non-scaling-stroke}.line.revenue{stroke:#526edf}.line.profit{stroke:#31a17d}.line-chart .area{fill:url(#area);stroke:none}.line-labels{display:flex;justify-content:space-between;color:#99a2b3;font-size:var(--fs-8)}.channel-donut{padding:28px 20px;display:flex;flex-direction:column;align-items:center;gap:20px}.multi-donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#536fe0 0 72%,#31a17d 72% 86%,#ed9b38 86% 95%,#b5bdcc 95%);position:relative}.multi-donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:#fff}.channel-donut>div:last-child{width:100%}.channel-donut span{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;margin:7px 0;font-size:var(--fs-9)}.channel-donut i{width:7px;height:7px;border-radius:2px;background:#536fe0}.channel-donut i.manual{background:#31a17d}.channel-donut i.market{background:#ed9b38}.channel-donut i.other{background:#b5bdcc}.report-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.report-card-grid a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:38px 1fr 16px;align-items:center;gap:10px}.report-card-grid>a>span{width:38px;height:38px;border-radius:11px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.report-card-grid b{font-size:var(--fs-10)}.report-card-grid>a>svg{width:14px;color:#a0a9b9}.integration-status{display:grid;grid-template-columns:1fr 330px;gap:14px;margin-bottom:14px}.integration-main{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center}.integration-logo{width:50px;height:50px;border-radius:14px;background:#8c4cc5;color:#fff;display:grid;place-items:center;font-weight:850}.integration-main h2{margin:4px 0 1px}.integration-main p{margin:0;color:var(--muted);font-size:var(--fs-9)}.integration-metrics{display:flex;gap:10px}.integration-metrics div{padding:0 10px;border-left:1px solid var(--line)}.integration-metrics span{font-size:var(--fs-8);color:var(--muted);display:block}.integration-metrics b{font-size:var(--fs-9)}.sync-flow{background:#fff;border:1px solid var(--line);border-radius:15px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.sync-flow span{font-size:var(--fs-10);font-weight:750}.sync-flow small{font-size:var(--fs-8)}.sync-flow b{font-size:var(--fs-19);color:var(--primary)}.integration-form{margin-bottom:14px}.integration-form .settings-form-grid{padding:16px}.webhook-box{background:#f7f9fc;border:1px dashed #cfd6e3;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:space-between}.webhook-box span{font-size:var(--fs-8);display:block;color:var(--muted)}.webhook-box code{font-size:var(--fs-9);word-break:break-all}.webhook-box button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 8px;font-size:var(--fs-8)}.integration-note{border-top:1px solid var(--line);padding:11px 16px;display:flex;align-items:center;gap:7px}.integration-note b{font-size:var(--fs-9);margin-right:5px}.integration-note span{font-size:var(--fs-8);background:#eef1f7;padding:4px 6px;border-radius:6px}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.connector-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px}.connector-head{display:grid;grid-template-columns:40px 1fr auto;gap:9px;align-items:center}.connector-logo{width:40px;height:40px;border-radius:11px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-size:var(--fs-8);font-weight:850}.connector-head b{font-size:var(--fs-10)}.connector-capabilities{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.connector-capabilities span{font-size:var(--fs-8);background:#f2f4f8;padding:4px 6px;border-radius:6px}.connector-card>button{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px;font-size:var(--fs-9)}.sync-list{padding:4px 15px}.sync-list>div{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.sync-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef1f7}.sync-icon.success{background:#eaf9f4;color:var(--green)}.sync-list b{font-size:var(--fs-10)}.sync-list time{font-size:var(--fs-8);color:var(--muted)}.settings-shell{display:grid;grid-template-columns:275px 1fr;gap:14px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav button{border:1px solid transparent;background:transparent;border-radius:12px;padding:10px;display:grid;grid-template-columns:32px 1fr;gap:9px;text-align:left}.settings-nav button>span{width:32px;height:32px;border-radius:9px;background:#e9edf5;color:#68758e;display:grid;place-items:center}.settings-nav button>span svg{width:16px}.settings-nav button b{font-size:var(--fs-10)}.settings-nav button small{font-size:var(--fs-8)}.settings-nav button.active{background:#fff;border-color:var(--line);box-shadow:var(--shadow-sm)}.settings-nav button.active>span{background:#edf1ff;color:var(--primary)}.settings-pane{display:none}.settings-pane.active{display:block}.settings-pane .settings-form-grid{padding:17px}.settings-block{border-top:1px solid var(--line);padding:15px 17px}.settings-block h3{font-size:var(--fs-11)}.workflow-builder{display:flex;align-items:center;gap:5px;overflow:auto}.workflow-builder span{white-space:nowrap;border:1px solid var(--line);border-radius:8px;padding:7px 8px;font-size:var(--fs-8);background:#fafbfc}.workflow-builder b{color:#b2bac8}.settings-toggle-list{padding:5px 17px 15px}.settings-toggle-list>label{display:grid;grid-template-columns:1fr auto 36px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.settings-toggle-list b{font-size:var(--fs-10)}.settings-toggle-list input{display:none}.settings-toggle-list i{width:36px;height:20px;border-radius:12px;background:#dce1ea;position:relative}.settings-toggle-list i:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;transition:.2s}.settings-toggle-list input:checked+i{background:var(--primary)}.settings-toggle-list input:checked+i:after{transform:translateX(16px)}.print-template-list{padding:0 17px 17px}.print-template-list>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 0;border-top:1px solid var(--line)}.print-template-list>div>span{width:34px;height:34px;border-radius:9px;background:#eef2ff;color:var(--primary);display:grid;place-items:center}.print-template-list svg{width:16px}.print-template-list b{font-size:var(--fs-10)}.print-template-list button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;font-size:var(--fs-8)}.user-role-table{padding:4px 16px}.user-role-table>div{display:grid;grid-template-columns:42px 1fr 100px 170px 30px;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.user-role-table p{margin:0}.user-role-table b{font-size:var(--fs-10)}.user-role-table button{border:0;background:transparent}.role-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px}.role-cards article{border:1px solid var(--line);border-radius:11px;padding:11px}.role-cards b{font-size:var(--fs-10)}.role-cards p{font-size:var(--fs-8);color:var(--muted);min-height:35px}.role-cards span{font-size:var(--fs-8);color:var(--primary)}.notification-settings{padding:6px 16px}.notification-settings>div{display:grid;grid-template-columns:1fr 100px 100px 100px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.notification-settings p{margin:0}.notification-settings b{font-size:var(--fs-10)}.notification-settings label{font-size:var(--fs-9)}.maintenance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.maintenance-grid article{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.maintenance-grid article>span{width:38px;height:38px;background:#eef2ff;color:var(--primary);border-radius:11px;display:grid;place-items:center}.maintenance-grid b{font-size:var(--fs-10)}.maintenance-grid p{font-size:var(--fs-8);color:var(--muted);margin:2px 0}.maintenance-grid .danger-zone{border-color:#f4d6dc;background:#fffafb}.audit-timeline{padding:5px 16px}.audit-timeline>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.audit-avatar{width:34px;height:34px;border-radius:10px;background:#eef2ff;color:var(--primary);display:grid;place-items:center;font-weight:850}.audit-timeline p{margin:0;font-size:var(--fs-10)}.audit-timeline details{margin-top:6px}.audit-timeline summary{font-size:var(--fs-8);color:var(--primary);cursor:pointer}.audit-timeline pre{background:#111827;color:#dfe7ff;border-radius:8px;padding:10px;overflow:auto;font-size:var(--fs-8);max-height:180px}
/* setup and login */
.setup-page,.login-page{min-height:100vh;background:#eef1f7}.setup-shell{min-height:100vh;display:grid;grid-template-columns:minmax(310px,40%) 1fr}.setup-aside{background:linear-gradient(155deg,#121b3a,#21316c);color:#fff;padding:48px clamp(28px,5vw,80px);position:relative;overflow:hidden}.setup-aside:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;bottom:-130px}.setup-brand,.login-brand{display:flex;align-items:center;gap:10px}.setup-brand>span,.login-brand>span{width:42px;height:42px;border-radius:13px;background:#4d68e2;display:grid;place-items:center;font-weight:900}.setup-brand b,.login-brand b{display:block}.setup-brand small,.login-brand small{color:#9faad0}.setup-aside h1{font-size:var(--fs-32);margin:72px 0 12px}.setup-aside>p{color:#b9c2df;max-width:430px}.check-list{margin-top:35px}.check-row{display:flex;align-items:center;gap:9px;margin:10px 0;color:#bec7e2}.check-row i{width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-style:normal}.check-row.ok i{background:rgba(46,205,151,.18);color:#54dcaa}.check-row.bad i{background:rgba(240,93,111,.18);color:#ff8494}.setup-note{margin-top:35px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.04)}.setup-note p{font-size:var(--fs-11);color:#aeb8d8;margin:4px 0}.setup-card{padding:40px clamp(24px,5vw,70px);max-width:900px;width:100%}.setup-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.setup-head h2{font-size:var(--fs-25);margin:3px 0}.step-pill{background:#e5eaff;color:#3a54c8;padding:5px 9px;border-radius:8px;font-size:var(--fs-10)}.alert{padding:10px 12px;border-radius:10px;margin-bottom:9px;font-size:var(--fs-11)}.alert-danger{background:#fff0f2;color:#b6384b;border:1px solid #ffd4db}.alert-success{background:#eaf9f4;color:#147c5c;border:1px solid #c9efdf}.setup-form{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:5px 20px}.form-section{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:18px 0;border-bottom:1px solid var(--line)}.form-section>h3,.section-title{grid-column:1/3}.form-section h3{font-size:var(--fs-12);margin-bottom:2px}.section-title{display:flex;justify-content:space-between}.section-title>span{font-size:var(--fs-9);color:var(--muted)}.segmented{grid-column:1/3;display:flex;gap:8px}.segmented label{flex:1}.segmented input{display:none}.segmented label>span{display:block;border:1px solid var(--line);border-radius:11px;padding:10px}.segmented input:checked+span{border-color:#93a4e9;background:#f1f4ff}.segmented b{display:block;font-size:var(--fs-10)}.db-fields{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:9px}.form-submit{padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:14px}.form-submit p{font-size:var(--fs-9);color:var(--muted);max-width:430px;margin:0}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-visual{background:linear-gradient(145deg,#111936 15%,#223478 100%);color:#fff;padding:46px clamp(30px,6vw,90px);display:flex;flex-direction:column;position:relative;overflow:hidden}.login-copy{margin:auto 0;max-width:620px;position:relative;z-index:2}.login-copy h1{font-size:clamp(35px,5vw,60px);line-height:1.08;letter-spacing:-.045em;margin:15px 0}.login-copy p{color:#b3bedf;font-size:var(--fs-14);max-width:550px}.login-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:2}.login-mini-grid div{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:13px;padding:12px}.login-mini-grid b{font-size:var(--fs-16)}.login-mini-grid span{display:block;color:#9eabd1;font-size:var(--fs-9)}.login-orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.orbit-a{width:500px;height:500px;right:-220px;top:-160px}.orbit-b{width:330px;height:330px;right:-90px;top:-60px}.login-card{background:#fff;padding:clamp(30px,7vw,95px);display:flex;flex-direction:column;justify-content:center}.login-card-head h2{font-size:var(--fs-28);margin:4px 0}.login-card-head p{color:var(--muted);font-size:var(--fs-11)}.login-form{margin-top:20px}.login-form .field{margin-bottom:13px}.input-icon{border:1px solid #dce1eb;border-radius:10px;display:flex;align-items:center;height:44px;padding:0 10px;gap:8px}.input-icon i{font-style:normal;color:#8b95a8;font-size:var(--fs-10)}.input-icon input{border:0!important;box-shadow:none!important;padding:0!important;flex:1;min-width:0}.reveal{border:0;background:transparent;color:var(--primary);font-size:var(--fs-9)}.login-meta{display:flex;justify-content:space-between;font-size:var(--fs-9);color:var(--muted);margin-bottom:15px}.check{display:flex;align-items:center;gap:5px}.login-foot{margin-top:25px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:var(--fs-9);color:#929bad}.login-foot a{color:var(--primary)}
@media(max-width:1250px){:root{--sidebar-w:220px}.content{padding-left:20px;padding-right:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.promotion-type-grid{grid-template-columns:repeat(3,1fr)}.kanban-board{grid-template-columns:repeat(4,270px)}.quick-edit-grid{grid-template-columns:repeat(3,1fr)}.variant-grid{grid-template-columns:repeat(3,1fr)}.carrier-grid{grid-template-columns:repeat(2,1fr)}.report-card-grid{grid-template-columns:repeat(2,1fr)}.document-type-grid{grid-template-columns:repeat(2,1fr)}.connector-grid{grid-template-columns:1fr 1fr}.return-row{grid-template-columns:130px 1fr 1fr 110px 110px 70px}.command-trigger{width:220px}}
body.sidebar-collapsed{--sidebar-w:74px}.sidebar-collapsed .brand div,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-link em,.sidebar-collapsed .storage-indicator span,.sidebar-collapsed .user-menu>div,.sidebar-collapsed .user-menu>button{display:none}.sidebar-collapsed .side-head{justify-content:center;flex-direction:column;height:88px;gap:6px}.sidebar-collapsed .side-collapse svg{transform:rotate(180deg)}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .storage-indicator{justify-content:center}.sidebar-collapsed .user-menu{justify-content:center}
@media(max-width:1000px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:252px;transition:.25s}.sidebar.mobile-open{transform:none}.mobile-menu{display:grid}.title-wrap p{display:none}.topbar{padding:0 16px}.content{padding:18px 15px 50px}.command-trigger{width:42px}.command-trigger span,.command-trigger kbd{display:none}.dashboard-grid,.dashboard-grid.lower,.inventory-layout,.purchase-grid,.return-layout,.customer-layout,.shipping-config-grid,.document-layout,.report-dashboard,.integration-status,.settings-shell{grid-template-columns:1fr}.inventory-side{display:grid;grid-template-columns:1fr 1fr}.return-policy,.segment-panel{display:none}.settings-nav{display:grid;grid-template-columns:repeat(3,1fr)}.settings-nav button{grid-template-columns:25px 1fr}.settings-nav button>span{width:25px;height:25px}.carrier-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr}.login-visual{min-height:430px}.setup-shell{grid-template-columns:1fr}.setup-aside{min-height:420px}.setup-card{max-width:none}}
@media(max-width:700px){.top-create span{display:none}.top-create{width:40px;padding:0;justify-content:center}.title-wrap h1{font-size:var(--fs-18)}.page-actions,.dashboard-head{align-items:flex-start;flex-direction:column}.page-actions>div:last-child{width:100%;overflow:auto}.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.metric-card>strong{font-size:var(--fs-20)}.dashboard-grid{grid-template-columns:1fr}.batch-tools,.document-type-grid,.report-card-grid,.connector-grid,.carrier-grid{grid-template-columns:1fr}.promotion-type-grid{grid-template-columns:repeat(2,1fr)}.fulfillment-summary{overflow:auto}.fulfillment-summary .cutoff{min-width:150px}.filter-toolbar{align-items:flex-start;flex-direction:column}.filter-tools{width:100%}.table-search{flex:1}.inventory-side{grid-template-columns:1fr}.quick-edit-grid,.variant-grid{grid-template-columns:1fr 1fr}.promotion-form-grid,.settings-form-grid,.form-section,.db-fields{grid-template-columns:1fr}.span-2,.form-section>h3,.section-title,.segmented,.db-fields{grid-column:span 1}.return-row{grid-template-columns:1fr 1fr}.return-row>div:nth-child(3),.return-row>div:nth-child(4){display:none}.pickup-timeline{overflow:auto}.pickup-timeline>div{min-width:120px}.integration-main{grid-template-columns:45px 1fr}.integration-metrics{grid-column:1/3}.settings-nav{grid-template-columns:1fr 1fr}.role-cards{grid-template-columns:1fr 1fr}.notification-settings>div{grid-template-columns:1fr 70px}.notification-settings>div label:nth-of-type(n+2){display:none}.maintenance-grid{grid-template-columns:1fr}.user-role-table>div{grid-template-columns:40px 1fr 80px}.user-role-table>div>span:nth-of-type(3){display:none}.login-card{padding:35px 24px}.login-visual{padding:30px 24px}.login-copy h1{font-size:var(--fs-36)}.login-mini-grid{grid-template-columns:1fr}.setup-aside{padding:30px 24px}.setup-aside h1{margin-top:45px;font-size:var(--fs-28)}.setup-card{padding:24px 15px}.form-submit{align-items:stretch;flex-direction:column}.form-submit .btn{width:100%}}
@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.metric-spark{display:none}.content{padding-left:10px;padding-right:10px}.topbar{padding:0 10px}.icon-button{width:37px;height:37px}.top-actions{gap:5px}.dashboard-grid.lower{display:block}.dashboard-grid.lower>.panel{margin-bottom:12px}.smart-view{height:37px}.quick-edit-grid,.variant-grid{grid-template-columns:1fr}.quick-edit-head{align-items:flex-start;gap:8px}.quick-edit-head>div:last-child{flex-direction:column}.return-row{display:block}.return-row>div{margin-bottom:6px}.return-row>button{width:100%}.settings-nav{grid-template-columns:1fr}.role-cards{grid-template-columns:1fr}.login-visual{min-height:500px}.login-copy h1{font-size:var(--fs-31)}}

/* Accessibility text sizing · v1.0.1 */
html[data-font-size="normal"]{--fs-8:8px;--fs-9:9px;--fs-10:10px;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-18:18px;--fs-19:19px;--fs-20:20px;--fs-22:22px;--fs-23:23px;--fs-25:25px;--fs-28:28px;--fs-31:31px;--fs-32:32px;--fs-36:36px;--font-ui-scale:1}
html[data-font-size="large"]{--fs-8:9px;--fs-9:10.1px;--fs-10:11.2px;--fs-11:12.3px;--fs-12:13.4px;--fs-13:14.6px;--fs-14:15.7px;--fs-15:16.8px;--fs-16:17.9px;--fs-17:19px;--fs-18:20.2px;--fs-19:21.3px;--fs-20:22.4px;--fs-22:24.6px;--fs-23:25.8px;--fs-25:28px;--fs-28:31.4px;--fs-31:34.7px;--fs-32:35.8px;--fs-36:40.3px;--font-ui-scale:1.12;--sidebar-w:272px;--topbar-h:82px}
html[data-font-size="xlarge"]{--fs-8:10px;--fs-9:11.2px;--fs-10:12.5px;--fs-11:13.8px;--fs-12:15px;--fs-13:16.2px;--fs-14:17.5px;--fs-15:18.8px;--fs-16:20px;--fs-17:21.2px;--fs-18:22.5px;--fs-19:23.8px;--fs-20:25px;--fs-22:27.5px;--fs-23:28.8px;--fs-25:31.2px;--fs-28:35px;--fs-31:38.8px;--fs-32:40px;--fs-36:45px;--font-ui-scale:1.25;--sidebar-w:292px;--topbar-h:88px}
html[data-font-size="large"] body.app-page{line-height:1.56}
html[data-font-size="xlarge"] body.app-page{line-height:1.62}
html[data-font-size="large"] .nav-link{height:47px}
html[data-font-size="xlarge"] .nav-link{height:51px}
html[data-font-size="large"] .top-create,html[data-font-size="large"] .command-trigger{height:44px}
html[data-font-size="xlarge"] .top-create,html[data-font-size="xlarge"] .command-trigger{height:47px}
html[data-font-size="large"] .btn{min-height:41px}
html[data-font-size="xlarge"] .btn{min-height:44px}
html[data-font-size="large"] .btn-compact{min-height:34px}
html[data-font-size="xlarge"] .btn-compact{min-height:37px}
html[data-font-size="large"] .compact-select,html[data-font-size="large"] .inline-select,html[data-font-size="large"] .table-search{height:38px}
html[data-font-size="xlarge"] .compact-select,html[data-font-size="xlarge"] .inline-select,html[data-font-size="xlarge"] .table-search{height:41px}
html[data-font-size="large"] .field input,html[data-font-size="large"] .field select,html[data-font-size="large"] .field textarea{min-height:44px}
html[data-font-size="xlarge"] .field input,html[data-font-size="xlarge"] .field select,html[data-font-size="xlarge"] .field textarea{min-height:48px}
html[data-font-size="large"] .panel-header{min-height:72px}
html[data-font-size="xlarge"] .panel-header{min-height:78px}
html[data-font-size="large"] .data-table{min-width:930px}
html[data-font-size="xlarge"] .data-table{min-width:1040px}
html[data-font-size="large"] .data-table.compact{min-width:800px}
html[data-font-size="xlarge"] .data-table.compact{min-width:900px}
html[data-font-size="large"] .data-table th,html[data-font-size="large"] .data-table td{padding:13px 14px}
html[data-font-size="xlarge"] .data-table th,html[data-font-size="xlarge"] .data-table td{padding:15px 16px}
html[data-font-size="large"] .drawer{width:min(620px,96vw)}
html[data-font-size="xlarge"] .drawer{width:min(690px,97vw)}
html[data-font-size="large"] .modal-card{width:min(535px,96vw)}
html[data-font-size="xlarge"] .modal-card{width:min(590px,97vw)}
html[data-font-size="large"] .modal-card.medium{width:min(585px,96vw)}
html[data-font-size="xlarge"] .modal-card.medium{width:min(650px,97vw)}
html[data-font-size="large"] .modal-card.large{width:min(880px,96vw)}
html[data-font-size="xlarge"] .modal-card.large{width:min(960px,97vw)}
html[data-font-size="large"] .settings-shell{grid-template-columns:305px minmax(0,1fr)}
html[data-font-size="xlarge"] .settings-shell{grid-template-columns:335px minmax(0,1fr)}
html[data-font-size="large"] .notification-panel{width:min(430px,calc(100vw - 32px));top:76px}
html[data-font-size="xlarge"] .notification-panel{width:min(480px,calc(100vw - 24px));top:82px}
html[data-font-size="large"] .quick-create-menu{width:330px;top:73px}
html[data-font-size="xlarge"] .quick-create-menu{width:370px;top:79px}
.user-popover{min-width:238px;padding:8px}
.user-popover>a{font-weight:650}
.user-popover-divider{height:1px;background:var(--line);margin:6px 3px}
.font-size-quick{padding:4px 3px 7px}
.font-size-quick>span{display:block;color:var(--muted);font-size:var(--fs-9);font-weight:750;margin:0 0 7px 2px}
.font-size-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.font-size-segments button{border:1px solid var(--line);background:#f7f8fb;border-radius:8px;min-height:34px;padding:4px 5px;font-size:var(--fs-9);font-weight:750;white-space:nowrap}
.font-size-segments button:hover{background:#eef2ff;border-color:#cdd6fa;color:var(--primary)}
.font-size-segments button.active,.font-size-segments button[aria-pressed="true"]{background:#e8edff;border-color:#9eadef;color:#2947bd;box-shadow:0 0 0 2px rgba(49,87,231,.06)}
.sidebar-collapsed .user-popover{left:58px;right:auto;bottom:0;width:260px}
.font-size-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}
.font-size-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:145px;position:relative;transition:.18s}
.font-size-card:hover{border-color:#b9c4f2;box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.font-size-card.active,.font-size-card[aria-pressed="true"]{border-color:#7f94ed;background:#f7f8ff;box-shadow:0 0 0 3px rgba(49,87,231,.08)}
.font-size-card .sample{display:flex;align-items:flex-end;min-height:48px;color:var(--primary);font-weight:850;line-height:1}
.font-size-card[data-font-size="normal"] .sample{font-size:22px}
.font-size-card[data-font-size="large"] .sample{font-size:27px}
.font-size-card[data-font-size="xlarge"] .sample{font-size:32px}
.font-size-card b{font-size:var(--fs-12)}
.font-size-card small{font-size:var(--fs-9)}
.font-size-card .selection-check{position:absolute;right:12px;top:12px;width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:transparent;background:#fff}
.font-size-card.active .selection-check,.font-size-card[aria-pressed="true"] .selection-check{background:var(--primary);border-color:var(--primary);color:#fff}
.font-size-card .selection-check svg{width:13px}
.font-preview-panel{margin:0 18px 18px;border:1px solid var(--line);background:linear-gradient(135deg,#f9faff,#f3f6ff);border-radius:14px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
.font-preview-panel h3{margin:0 0 5px;font-size:var(--fs-15)}
.font-preview-panel p{margin:0;color:var(--muted);font-size:var(--fs-11)}
.font-preview-metrics{display:flex;gap:8px}
.font-preview-metrics span{min-width:82px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px;text-align:center}
.font-preview-metrics b{display:block;font-size:var(--fs-13)}
.font-preview-metrics small{font-size:var(--fs-8)}
.font-size-note{margin:0 18px 18px;padding:11px 13px;border-radius:10px;background:#f7f8fb;color:var(--muted);font-size:var(--fs-10)}
@media(min-width:1001px) and (max-width:1250px){
 html[data-font-size="large"]{--sidebar-w:238px}
 html[data-font-size="xlarge"]{--sidebar-w:252px}
 html[data-font-size="large"] .settings-shell,html[data-font-size="xlarge"] .settings-shell{grid-template-columns:275px minmax(0,1fr)}
}
@media(max-width:1180px){
 html[data-font-size="xlarge"] .dashboard-grid,html[data-font-size="xlarge"] .dashboard-grid.lower{grid-template-columns:1fr}
 html[data-font-size="xlarge"] .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
 html[data-font-size="large"],html[data-font-size="xlarge"]{--sidebar-w:252px}
 html[data-font-size="large"] .settings-shell,html[data-font-size="xlarge"] .settings-shell{grid-template-columns:1fr}
 html[data-font-size="large"] .command-trigger,html[data-font-size="xlarge"] .command-trigger{width:42px}
 html[data-font-size="large"] .drawer,html[data-font-size="xlarge"] .drawer{width:min(620px,96vw)}
}
@media(max-width:700px){
 .font-size-settings{grid-template-columns:1fr}
 .font-size-card{min-height:118px}
 .font-preview-panel{grid-template-columns:1fr}
 .font-preview-metrics{overflow:auto}
 html[data-font-size="large"] .data-table,html[data-font-size="xlarge"] .data-table{min-width:900px}
}
@media(max-width:470px){
 .font-size-segments{grid-template-columns:1fr}
 .font-preview-metrics{display:grid;grid-template-columns:1fr 1fr}
 .font-preview-metrics span{min-width:0}
 html[data-font-size="xlarge"] .title-wrap h1{max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:470px){
 body[data-page="orders"] .page-actions>div:last-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;overflow:visible}
 body[data-page="orders"] .page-actions>div:last-child .btn,
 body[data-page="orders"] .page-actions>div:last-child .compact-select{width:100%;min-width:0;white-space:nowrap}
}