:root{
 --bg:#f7f8fa;--surface:#fff;--surface-soft:#fbfcfd;--text:#111827;--muted:#667085;--subtle:#98a2b3;
 --line:#e6eaf0;--line-strong:#d9e0e8;--accent:#cf2f68;--accent-dark:#9f2630;--accent-soft:#fae7eb;--accent-soft-2:#fff4f6;
 --success:#14804a;--success-soft:#e5f8ed;--warning:#b56a0a;--warning-soft:#fff3d8;--danger:#d92d20;--danger-soft:#ffe7ea;--blue:#2856d7;--blue-soft:#eaf0ff;
 --shadow:0 8px 26px rgba(16,24,40,.045);--radius:8px;--sidebar:228px;--topbar:52px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.icon{display:inline-block;flex:0 0 auto}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.dangertext{color:var(--danger)!important}.success-text{color:var(--success)!important}.warning-text{color:var(--warning)!important}.text-sm{font-size:12px}.text-xs{font-size:11px}.fw-600{font-weight:600}.fw-700{font-weight:700}

.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;width:var(--sidebar);background:#fbfaf9;border-right:1px solid #e6e3e2;padding:11px 12px 20px;overflow-y:auto;display:flex;flex-direction:column}.brand{height:50px;display:flex;align-items:center;padding:0 8px;margin-bottom:9px}.brand img{width:178px;max-width:100%;height:auto;display:block}.side-nav{display:flex;flex-direction:column;gap:1px}.nav-label{font-size:11px;color:#607089;letter-spacing:.02em;margin:14px 14px 5px}.nav-item{height:35px;padding:0 13px;border-radius:7px;display:flex;align-items:center;gap:12px;color:#16233a;font-weight:500;transition:.15s ease}.nav-item .icon{width:18px;height:18px;color:#20334d}.nav-item:hover{background:#f5eeee;color:#8f2730}.nav-item.active{background:linear-gradient(90deg,#f6dfdf 0%,#f8e6e9 100%);color:#8f1f27;font-weight:600}.nav-item.active .icon{color:#9b2029}.sidebar-brand-card{margin-top:auto;padding:26px 8px 0}.sidebar-brand-card img{width:100%;border-radius:8px;display:block;box-shadow:0 10px 24px rgba(111,72,61,.07)}

.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 20px;gap:14px;position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}.global-search{width:min(560px,50vw);height:34px;position:relative}.global-search .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#32435c;display:grid;place-items:center}.global-search input{width:100%;height:34px;border:1px solid #dce2ea;background:#fdfefe;border-radius:5px;padding:0 14px 0 39px;color:#1f2a3d;outline:none;box-shadow:0 1px 2px rgba(16,24,40,.02)}.global-search input::placeholder{color:#607089}.global-search input:focus{border-color:#d49aae;box-shadow:0 0 0 3px rgba(207,47,104,.08)}.topbar-spacer{flex:1}.icon-btn{border:0;background:transparent;color:#20334d;width:34px;height:34px;border-radius:8px;display:grid;place-items:center;cursor:pointer;position:relative}.icon-btn:hover{background:#f5f7fa}.notification-count{position:absolute;top:-2px;right:1px;min-width:16px;height:16px;border-radius:999px;background:#e51f37;color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.profile-chip{display:flex;align-items:center;gap:8px;position:relative;padding:4px 5px;border-radius:8px;cursor:pointer}.profile-chip:hover{background:#f7f8fa}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#aa7d82,#bd928c);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;letter-spacing:.01em}.avatar-sm{width:32px;height:32px;font-size:12px}.profile-meta{display:flex;flex-direction:column;min-width:86px;line-height:1.2}.profile-meta strong{font-size:12px;color:#151d2b}.profile-meta small{font-size:10px;color:#7c8798;margin-top:3px}.profile-chevron{display:grid;place-items:center;color:#35465f}.profile-menu{display:none;position:absolute;right:0;top:45px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 35px rgba(16,24,40,.12);min-width:170px;padding:8px;z-index:100}.profile-chip:hover .profile-menu{display:block}.profile-menu-name{padding:8px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px}.profile-menu a{display:block;padding:9px;border-radius:6px}.profile-menu a:hover{background:#f7f8fa}.top-date{font-size:11px;color:#61708a;white-space:nowrap;margin-left:8px}.top-date span{margin-left:6px}.mobile-menu{display:none}

.content-shell{padding:17px 16px 28px;max-width:1680px;margin:0 auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 4px}.pagehead h1{font-size:30px;line-height:1.12;letter-spacing:-.025em;margin:0;color:#111a2d;font-weight:700}.pagehead .subtitle,.pagehead>.muted,.pagehead div>.muted{margin-top:3px;color:#61708a;font-size:13px}.pagehead-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.back-link{display:inline-flex;align-items:center;gap:6px;color:#61708a;font-size:12px;margin-bottom:8px}.back-link:hover{color:#9d2734}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card.flush{padding:0}.card+.card{margin-top:12px}.card-title{font-size:16px;font-weight:700;margin:0;color:#101828}.card-subtitle{font-size:12px;color:var(--muted);margin-top:2px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sectiontitle{font-size:16px;margin:0}.divider{height:1px;background:var(--line);margin:14px 0}

.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{min-height:74px;display:flex;align-items:center;gap:12px;padding:12px 13px}.metric-icon{width:38px;height:38px;border-radius:7px;display:grid;place-items:center;background:#f4eff6;color:#9a3f8c}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.success{background:var(--success-soft);color:var(--success)}.metric-icon.warning{background:var(--warning-soft);color:var(--warning)}.metric-icon.danger{background:var(--danger-soft);color:var(--danger)}.metric-copy span{display:block;font-size:11px;color:#61708a}.metric-copy strong{display:block;font-size:20px;line-height:1.25;color:#111827;margin-top:1px}.metric strong{font-size:26px}.metric span{font-size:11px;color:var(--muted)}

.btn{height:38px;border:1px solid var(--accent);border-radius:5px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12px;cursor:pointer;background:linear-gradient(180deg,#d93472,#cc2d64);color:#fff;box-shadow:0 1px 2px rgba(157,30,73,.08);white-space:nowrap}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#fff;color:#1c2a40;border-color:#d9e1ea;box-shadow:none}.btn.secondary:hover{background:#f9fafb}.btn.ghost{background:transparent;border-color:transparent;color:#2f405a;box-shadow:none}.btn.danger{background:#fff;color:#d92d20;border-color:#f1aeb5}.btn.soft{background:var(--accent-soft);color:#9b2534;border-color:#f0c6cd}.btn.sm{height:31px;padding:0 11px;font-size:11px}.btn.icon-only{width:34px;padding:0}.btn[disabled]{opacity:.45;cursor:not-allowed}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

input,select,textarea{width:100%;border:1px solid #dce2ea;border-radius:5px;background:#fff;color:#182230;padding:9px 11px;outline:none;transition:.14s ease}input,select{height:38px}textarea{min-height:92px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#d1a1b1;box-shadow:0 0 0 3px rgba(207,47,104,.075)}input::placeholder,textarea::placeholder{color:#9aa4b2}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:11px;color:#5f6f85;font-weight:600}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.filterbar{display:flex;align-items:center;gap:8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);margin-bottom:10px}.filterbar .search-field{min-width:250px;flex:1}.filterbar select{min-width:110px}.filter-block{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-cell{min-width:132px}.filter-label{font-size:10px;color:#69788f;margin:0 0 3px 2px}

.tablewrap{overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.data-table th,.data-table td{padding:10px 10px;border-bottom:1px solid var(--line);border-right:1px solid #eef1f4;vertical-align:middle;text-align:left}.data-table th:last-child,.data-table td:last-child{border-right:0}.data-table th{background:#fbfcfd;color:#506078;font-weight:600;font-size:10.5px;white-space:nowrap}.data-table tbody tr:hover td{background:#fffafb}.data-table tbody tr.selected td{background:linear-gradient(90deg,#fff6f7,#fffafb)}.data-table.compact th,.data-table.compact td{padding:8px}.table-product{display:flex;align-items:center;gap:10px;min-width:190px}.product-thumb{width:48px;height:48px;border-radius:5px;object-fit:cover;background:#f4eeee;border:1px solid #f0e7e7}.product-thumb.lg{width:112px;height:112px}.product-name{font-weight:700;color:#152033}.product-code{font-size:11px;color:#68768b;margin-top:2px}.row-actions{display:flex;align-items:center;gap:6px}.table-menu{width:28px;height:28px;border:0;background:transparent;color:#28405e;border-radius:5px;display:grid;place-items:center;cursor:pointer}.table-menu:hover{background:#f4f6f8}

.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#f1f3f6;color:#3d4c63;font-size:10.5px;font-weight:600;white-space:nowrap}.badge.ok,.badge.success{background:#ddf6e7;color:#06753d}.badge.warn{background:#fff0c9;color:#9b5b00}.badge.bad,.badge.danger{background:#ffe1e5;color:#b42318}.badge.blue{background:#e8f0ff;color:#2451c4}.badge.pink{background:#ffe6eb;color:#a52c3a}.badge.gray{background:#f0f2f5;color:#4c5a70}.badge.vip{background:#fff0d7;color:#a95a00}.status-dot{width:7px;height:7px;border-radius:50%;background:#5ac77b;display:inline-block}

.color-dot{width:18px;height:18px;border-radius:50%;display:inline-block;border:1px solid rgba(16,24,40,.08);vertical-align:middle}.mini-color{width:15px;height:15px}.color-stack{display:flex;align-items:center;gap:5px}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;background:#f2f4f7;color:#45546a;font-size:10px}.size-pill{border:1px solid #dce2ea;background:#fff;border-radius:5px;height:36px;min-width:64px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:#25334a;cursor:pointer}.size-pill:hover,.size-pill.active{border-color:#d9a6b4;background:#fff8fa;color:#a4273d}.size-pill.disabled{text-decoration:line-through;color:#98a2b3;background:#f7f8fa}

.alert{border:1px solid #cdd9e5;background:#eef4fb;color:#33455e;border-radius:6px;padding:10px 12px;margin-bottom:12px;font-size:12px}.alert.success{background:#eaf8ef;border-color:#ccebd7;color:#17613b}.alert.error{background:#fff0f1;border-color:#f4c7cc;color:#a9232f}.alert.warn{background:#fff6df;border-color:#f1ddad;color:#815311}.info-strip{display:flex;align-items:flex-start;gap:9px;border:1px solid #d9e5f2;background:#f3f8fe;border-radius:5px;padding:10px 12px;font-size:11px;color:#4e627d}.tip-strip{background:#fff2d8;border:1px solid #f5ddb0;color:#79501b;border-radius:7px;padding:12px}

.tabs{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);min-height:44px}.tab{height:44px;display:inline-flex;align-items:center;position:relative;color:#5e6e84;font-size:12px;cursor:pointer}.tab.active{color:#9f1e2e;font-weight:600}.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#d82c67}

.two-pane{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(340px,.98fr);gap:12px}.order-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(360px,.92fr);gap:12px}.customer-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(420px,1.15fr);gap:12px}.stock-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(365px,.9fr);gap:12px}.edit-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(340px,1fr);gap:12px}.stack>*+*{margin-top:10px}

.order-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.order-title-line h1{margin-right:4px}.order-meta{display:flex;align-items:center;gap:8px;color:#61708a;font-size:12px;margin-top:5px;flex-wrap:wrap}.order-meta .dot{color:#a7b0bc}.order-items-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.order-total-box{margin-left:auto;width:340px;max-width:100%;font-size:12px}.order-total-row{display:flex;justify-content:space-between;padding:6px 0;color:#5d6c82}.order-total-row strong{color:#101828}.order-total-row.total{margin-top:2px;background:#fff0f2;padding:9px 12px;border-radius:4px;color:#9e1e29;font-size:14px;font-weight:700}.order-total-row.total strong{color:#9e1e29}.product-cell{display:flex;align-items:center;gap:9px}.product-cell img{width:52px;height:52px;object-fit:cover;border-radius:4px;background:#f7f0ef}.summary-panels{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:10px}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:13px;width:1px;background:#ccd7df}.timeline-item{position:relative;padding:1px 0 17px}.timeline-dot{position:absolute;left:-28px;top:2px;width:20px;height:20px;border-radius:50%;background:#bfc8d2;color:#fff;display:grid;place-items:center;border:2px solid #fff;box-shadow:0 0 0 1px #cbd4dc}.timeline-item.done .timeline-dot{background:#3fb274}.timeline-item strong{font-size:12px}.timeline-time{font-size:10px;color:#69788f;margin-left:9px}.timeline-copy{font-size:11px;color:#6a778a;margin-top:2px}.activity-row{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border-bottom:0}.activity-row .avatar{width:30px;height:30px;font-size:11px}.activity-main{min-width:0}.activity-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.activity-head strong{font-size:11px}.activity-head time{font-size:9.5px;color:#77859a}.activity-copy{font-size:11px;color:#647287;margin-top:2px}

.side-panel .card{padding:14px}.customer-card-top{display:flex;align-items:center;gap:12px}.customer-card-top .avatar{width:50px;height:50px;font-size:18px}.customer-name{font-weight:700;font-size:13px}.customer-phone{font-size:11px;color:#61708a;margin-top:3px}.customer-stats{display:grid;grid-template-columns:1fr;gap:7px;margin-left:auto;min-width:145px}.stat-mini{display:flex;align-items:center;gap:9px;background:#f8fafb;border-radius:5px;padding:8px 10px}.stat-mini .mini-icon{width:26px;height:26px;border-radius:6px;background:#e6f7ec;color:#0d9451;display:grid;place-items:center}.stat-mini small{display:block;color:#68778c;font-size:9.5px}.stat-mini strong{display:block;font-size:13px;color:#152033}.contact-line{display:flex;align-items:flex-start;gap:9px;margin-top:10px;color:#344258;font-size:11px}.contact-line .icon{margin-top:1px}.kv-table{width:100%;border-collapse:collapse;font-size:11px}.kv-table td{border:1px solid var(--line);padding:7px 9px}.kv-table td:first-child{background:#fbfcfd;color:#53627a;width:44%}.kv-table td:last-child{color:#233047;font-weight:500}.order-notes-row{display:flex;gap:8px;padding:8px 0}.whatsapp-dot{color:#0fab5a;font-weight:700}

.customer-list-head{display:flex;gap:8px;align-items:center;padding:12px}.customer-list-head .search-field{flex:1}.customer-table .avatar{width:34px;height:34px;font-size:12px}.customer-table td{padding-top:11px;padding-bottom:11px}.customer-table .contact{font-size:10.5px;color:#55708a;line-height:1.55}.detail-profile{padding:2px}.detail-profile-top{display:flex;align-items:center;gap:13px}.detail-profile-top .avatar{width:60px;height:60px;font-size:20px}.detail-profile-main{flex:1}.detail-profile-main h2{font-size:16px;margin:0}.detail-profile-meta{font-size:10.5px;color:#6a778b;margin-top:6px}.detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0}.detail-contact{display:grid;gap:10px;margin:14px 0}.detail-tabs-content{padding-top:10px}.history-table .btn{height:27px}.notes-pref-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.preference-row{display:grid;grid-template-columns:45% 55%;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:10.5px}.preference-row:last-child{border-bottom:0}.preference-row span:first-child{color:#67778c}

.stock-metrics{margin-bottom:8px}.stock-product-row{cursor:pointer}.stock-product-row .product-thumb{width:52px;height:52px}.stock-detail-head{display:flex;gap:12px;align-items:flex-start}.stock-detail-copy{flex:1}.stock-detail-copy h2{font-size:16px;margin:3px 0 2px}.stock-detail-actions{margin-left:auto}.stock-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.stock-summary-card{border:1px solid var(--line);border-radius:6px;padding:10px;display:flex;gap:9px;align-items:center}.stock-summary-card .metric-icon{width:31px;height:31px}.stock-summary-card small{display:block;font-size:9.5px;color:#65758a}.stock-summary-card strong{display:block;font-size:15px}.inline-adjust{display:flex;gap:6px;align-items:center}.inline-adjust input{width:66px;height:31px}.inline-adjust .reason{width:120px}

.product-edit-tabs{margin:-14px -14px 14px;padding:0 14px}.product-summary{display:flex;align-items:flex-start;gap:18px}.product-summary .product-thumb{width:125px;height:125px}.product-summary-copy{flex:1}.product-summary-copy h2{font-size:17px;margin:4px 0 1px}.product-summary-copy p{max-width:560px;color:#62728a;font-size:12px}.product-summary-stats{width:170px;display:grid;gap:8px}.product-summary-stat{background:#f7f9fb;border-radius:6px;padding:9px 11px;display:flex;align-items:center;gap:9px}.product-summary-stat small{display:block;color:#6b798c;font-size:9.5px}.product-summary-stat strong{display:block;font-size:14px}.variant-color-card{border:1px solid var(--line);border-radius:7px;margin-bottom:10px;overflow:hidden}.variant-color-head{display:flex;align-items:center;gap:10px;padding:10px 11px;background:#fff}.variant-color-head .color-dot{width:27px;height:27px}.variant-color-copy{flex:1}.variant-color-copy strong{display:block;font-size:13px}.variant-color-copy small{font-size:10px;color:#69778b}.variant-grid{display:grid;grid-template-columns:110px repeat(auto-fit,minmax(105px,1fr)) 120px;border-top:1px solid var(--line)}.variant-grid .cell{padding:9px;border-right:1px solid var(--line);min-height:42px}.variant-grid .cell:last-child{border-right:0}.variant-grid .label{font-size:11px;background:#fbfcfd;color:#506178}.variant-grid input{height:32px}.quick-size-card .size-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick-size-card .size-pill{width:100%}.variant-preview .data-table th,.variant-preview .data-table td{padding:8px 7px}.tip-card{background:#fff5df;border-color:#f4dfba;color:#704d1b}.tip-card p{font-size:11px;margin:5px 0 0}.sticky-savebar{position:sticky;bottom:0;background:rgba(255,255,255,.95);border-top:1px solid var(--line);padding:10px 12px;margin:16px -16px -28px;z-index:20;display:flex;align-items:center;justify-content:flex-end;gap:10px;backdrop-filter:blur(8px)}

.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5px 0;color:#61708a;font-size:10.5px}.page-buttons{display:flex;gap:5px}.page-btn{width:32px;height:32px;border:1px solid #dbe1e8;background:#fff;border-radius:5px;display:grid;place-items:center;color:#2d3d54}.page-btn.active{background:#9e5657;color:#fff;border-color:#9e5657}.per-page{width:auto;height:32px;padding-right:28px}

.sticky-actionbar{position:sticky;bottom:0;margin:12px -16px -28px;padding:10px 16px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:25;backdrop-filter:blur(8px)}.sticky-actionbar .right-actions{display:flex;gap:10px;align-items:center}.sticky-actionbar .next-action{min-width:270px}

.empty-state{text-align:center;padding:40px 20px;color:#68768a}.empty-state .icon{width:32px;height:32px;margin-bottom:7px;color:#98a2b3}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#fbf7f3,#fff)}.login .card{width:min(430px,100%);padding:28px}.login .brand{justify-content:center}.login .brand img{width:200px}.size-result{font-size:52px;font-weight:800;color:#a51f3d;letter-spacing:-.04em;margin:18px 0}

.mobile-bottom-nav{display:none}.sidebar-backdrop{display:none}

@media(max-width:1280px){.order-layout,.customer-layout,.stock-layout,.edit-layout{grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr)}.top-date{display:none}.grid5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){:root{--sidebar:214px}.profile-meta,.profile-chevron{display:none}.two-pane,.order-layout,.customer-layout,.stock-layout,.edit-layout{grid-template-columns:1fr}.grid5{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.side-panel{order:2}.customer-stats{grid-template-columns:repeat(3,1fr);width:100%;margin:10px 0 0}.customer-card-top{flex-wrap:wrap}.product-summary-stats{width:100%;grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
 :root{--topbar:56px}.sidebar{transform:translateX(-100%);transition:transform .2s ease;box-shadow:0 0 30px rgba(16,24,40,.12)}body.sidebar-open .sidebar{transform:translateX(0)}.sidebar-backdrop{position:fixed;inset:0;background:rgba(17,24,39,.25);z-index:55}body.sidebar-open .sidebar-backdrop{display:block}.main-shell{margin-left:0;padding-bottom:64px}.topbar{padding:0 10px;gap:8px}.mobile-menu{display:grid}.global-search{width:auto;flex:1}.global-search input{font-size:12px}.notification-btn{display:none}.profile-meta,.profile-chevron,.top-date{display:none}.profile-chip{padding:0}.content-shell{padding:13px 10px 18px}.pagehead{padding:0;margin-bottom:12px}.pagehead h1{font-size:24px}.pagehead-actions{width:100%;justify-content:flex-start}.pagehead{flex-wrap:wrap}.grid,.grid2,.grid3,.grid5{grid-template-columns:1fr}.summary-panels,.notes-pref-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.filterbar{align-items:stretch;flex-direction:column}.filterbar .search-field,.filter-cell{width:100%;min-width:0}.order-total-box{width:100%}.product-summary{flex-direction:column}.product-summary .product-thumb{width:100%;height:230px}.product-summary-stats{grid-template-columns:1fr}.variant-grid{grid-template-columns:90px 1fr}.variant-grid .cell:nth-child(n+3){border-top:1px solid var(--line)}.quick-size-card .size-grid{grid-template-columns:repeat(3,1fr)}.customer-stats{grid-template-columns:1fr}.sticky-actionbar{position:static;margin:12px 0 0;padding:10px 0;flex-direction:column;align-items:stretch;background:transparent;border:0}.sticky-actionbar .right-actions{display:grid;grid-template-columns:1fr 1fr}.sticky-actionbar .next-action{grid-column:1/-1;min-width:0}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:62px;background:#fff;border-top:1px solid var(--line);z-index:45;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#56667c;font-size:9px}.mobile-bottom-nav .mobile-primary{color:#b2244d}.mobile-bottom-nav .mobile-primary .icon{width:25px;height:25px}.data-table{min-width:720px}.tablewrap{border-radius:6px}.sidebar-brand-card{display:none}}
@media(max-width:480px){.global-search input::placeholder{color:transparent}.grid{grid-template-columns:1fr 1fr}.metric-card{padding:10px}.metric-copy strong{font-size:17px}.metric-icon{width:34px;height:34px}.quick-size-card .size-grid{grid-template-columns:repeat(2,1fr)}}
.tablewrap table:not(.data-table){width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.tablewrap table:not(.data-table) th,.tablewrap table:not(.data-table) td{padding:10px;border-bottom:1px solid var(--line);border-right:1px solid #eef1f4;text-align:left;vertical-align:middle}.tablewrap table:not(.data-table) th:last-child,.tablewrap table:not(.data-table) td:last-child{border-right:0}.tablewrap table:not(.data-table) th{background:#fbfcfd;color:#506078;font-size:10.5px;font-weight:600;white-space:nowrap}.card>h3:first-child{margin:0 0 12px;font-size:16px}.card>h2:first-child{margin-top:0}.right{text-align:right}.variantbox{border:1px solid var(--line);border-radius:7px;padding:12px;margin:10px 0;background:#fff}.kicker{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.04em}.login h1{font-size:24px;margin:8px 0 4px}
@media print{.sidebar,.topbar,.mobile-bottom-nav,.sticky-actionbar,.pagehead-actions,.sidebar-backdrop{display:none!important}.main-shell{margin-left:0}.content-shell{padding:0}.card{box-shadow:none}.order-layout{grid-template-columns:1fr}.side-panel{page-break-before:auto}}