*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#172033}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}.brand{font-size:20px;font-weight:800;padding:0 10px 25px}.nav a{display:block;padding:11px 12px;border-radius:9px;color:#cbd5e1;margin:3px 0}.nav a:hover{background:#1f2937;color:#fff}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.title{font-size:28px;font-weight:800}.muted{color:#64748b}.cards{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));grid-gap:12px;gap:12px;margin-bottom:24px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.num{font-size:25px;font-weight:800;margin-top:8px}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:12px 10px;border-bottom:1px solid #eef0f4;text-align:left;font-size:14px}.btn{border:0;border-radius:8px;padding:10px 14px;cursor:pointer;background:#2563eb;color:white;font-weight:700}.btn.secondary{background:#e5e7eb;color:#111827}.btn.danger{background:#dc2626}.row{display:flex;gap:12px;align-items:center}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field input,.field select,.field textarea{border:1px solid #d1d5db;border-radius:8px;padding:10px;background:white}.badge{display:inline-block;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#e5e7eb}.formline{display:grid;grid-template-columns:2fr 1fr auto;grid-gap:10px;gap:10px;align-items:end}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:100%;max-width:410px;background:#fff;padding:30px;border:1px solid #e5e7eb;border-radius:14px}.error{color:#b91c1c;background:#fee2e2;padding:10px;border-radius:8px;margin-bottom:12px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.side{width:190px}.main{margin-left:190px;width:calc(100% - 190px)}.grid2{grid-template-columns:1fr}}@media(max-width:650px){.side{display:none}.main{margin:0;width:100%;padding:18px}.cards{grid-template-columns:1fr 1fr}.table{display:block;overflow:auto}}.simple-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.simple-head h1{margin:0;font-size:30px}.simple-head p{margin:5px 0 0;color:#64748b}.head-actions{display:flex;gap:10px}.light-btn,.primary-btn,.view-btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;display:inline-block}.primary-btn{background:#2563eb;color:#fff}.light-btn{background:#e9edf3;color:#172033}.simple-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:18px}.stat span{color:#64748b;font-size:14px}.stat strong{display:block;font-size:25px;margin-top:8px}.simple-panel{background:#fff;border:1px solid #e3e7ee;border-radius:12px;padding:20px}.panel-title h2{margin:0 0 4px;font-size:20px}.panel-title span{color:#64748b;font-size:13px}.simple-filters{display:grid;grid-template-columns:1fr 190px auto;grid-gap:10px;gap:10px;margin:18px 0}.simple-filters input,.simple-filters select{border:1px solid #d5dae2;border-radius:8px;padding:10px;background:#fff;min-width:0}.simple-table-wrap{overflow-x:auto}.simple-table{width:100%;border-collapse:collapse;min-width:850px}.simple-table td,.simple-table th{padding:13px 10px;border-bottom:1px solid #edf0f4;text-align:left;font-size:14px}.simple-table th{color:#64748b;font-size:12px;text-transform:uppercase}.view-btn{background:#eef2f7;color:#172033;padding:7px 11px}.simple-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.simple-badge.new{background:#dbeafe;color:#1d4ed8}.simple-badge.confirmed{background:#dcfce7;color:#15803d}.simple-badge.delivered{background:#d1fae5;color:#047857}.simple-badge.returned{background:#ffedd5;color:#c2410c}.simple-empty{text-align:center;padding:55px;color:#64748b}@media(max-width:900px){.simple-filters,.simple-stats{grid-template-columns:1fr 1fr}.simple-filters .light-btn{grid-column:1/-1}}@media(max-width:650px){.simple-head{align-items:flex-start;gap:15px;flex-direction:column}.head-actions{width:100%}.head-actions>*{flex:1 1;text-align:center}.simple-stats{grid-template-columns:1fr 1fr}.simple-filters{grid-template-columns:1fr}.simple-filters .light-btn{grid-column:auto}}.simple-filters{grid-template-columns:minmax(240px,1fr) 170px 150px 150px auto auto;align-items:end}.date-filter{display:flex;flex-direction:column;gap:5px;color:#64748b;font-size:12px;font-weight:700}.date-filter input{width:100%;border:1px solid #d5dae2;border-radius:8px;padding:10px;background:#fff;color:#172033}.excel-btn{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;background:#15803d;color:#fff;white-space:nowrap}.excel-btn:hover{background:#166534}.excel-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.simple-filters{grid-template-columns:1fr 1fr 1fr}.simple-filters>input:first-child{grid-column:1/-1}}@media(max-width:900px){.simple-filters{grid-template-columns:1fr 1fr}.simple-filters>input:first-child{grid-column:1/-1}}@media(max-width:650px){.simple-filters{grid-template-columns:1fr}.simple-filters>input:first-child{grid-column:auto}}.success-box{color:#166534;background:#dcfce7;padding:10px 12px;border-radius:8px;margin-bottom:14px;font-weight:700}.simple-badge.current{background:#dbeafe;color:#1d4ed8}.simple-badge.shipping{background:#fef3c7;color:#a16207}.simple-badge.delivered{background:#dcfce7;color:#15803d}.simple-badge.cancelled{background:#fee2e2;color:#b91c1c}.simple-badge.return_pending{background:#ffedd5;color:#c2410c}.simple-badge.returned{background:#f3e8ff;color:#7e22ce}.simple-badge.exchange{background:#e0e7ff;color:#4338ca}.role-chip{margin-top:28px;padding:8px 10px;border:1px solid #374151;border-radius:8px;color:#cbd5e1;text-align:center;font-size:12px;font-weight:700}.mini-input{width:90px;border:1px solid #d1d5db;border-radius:7px;padding:8px}.danger-zone{border-color:#fecaca}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin-bottom:18px}.analytics-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.rank-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eef0f4}@media(max-width:900px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-list{grid-template-columns:1fr}}@media(max-width:650px){.analytics-grid{grid-template-columns:1fr}}.shell{display:flex;min-height:100vh}.side{width:230px;min-width:230px;background:#111827;color:#fff;padding:22px 14px;position:fixed;left:0;top:0;bottom:0;z-index:1000;display:flex!important;flex-direction:column;justify-content:space-between;overflow-y:auto}.main{margin-left:230px;width:calc(100% - 230px);min-width:0;padding:30px}.sidebar-bottom{margin-top:auto}.sidebar-logout{margin-top:12px;width:100%}@media(max-width:900px){.side{width:190px;min-width:190px;display:flex!important}.main{margin-left:190px;width:calc(100% - 190px);padding:22px}}@media(max-width:650px){.side{width:170px;min-width:170px;display:flex!important;padding:18px 10px}.main{margin-left:170px;width:calc(100% - 170px);padding:14px}.brand{font-size:17px;padding-left:8px;padding-right:8px}.nav a{font-size:13px;padding:10px 8px}}.status-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.status-chips button{border:1px solid #dbe1ea;background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.status-chips button.active{background:#111827;color:#fff;border-color:#111827}.status-chips b{margin-left:4px}.quick-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 145px 145px 150px auto auto;grid-gap:9px;gap:9px;align-items:end;margin:18px 0}.quick-filters input,.quick-filters select{border:1px solid #d5dae2;border-radius:8px;padding:9px;background:#fff;min-width:0}.quick-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#64748b;font-weight:700}.copy-cell{border:0;background:transparent;padding:0;cursor:pointer;color:#2563eb;text-align:left}.copy-cell:hover{text-decoration:underline}.tracking-inline{width:130px}.status-inline,.tracking-inline{border:1px solid #d5dae2;border-radius:7px;padding:7px}.status-inline{background:#fff;max-width:145px}.pager{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}.pager button{border:1px solid #d5dae2;background:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}.pager button:disabled{opacity:.4;cursor:not-allowed}.history-row{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #eef0f4}.history-row time{color:#64748b;font-size:13px;white-space:nowrap}@media(max-width:1200px){.quick-filters{grid-template-columns:1fr 1fr 1fr}.quick-filters>input:first-child{grid-column:1/-1}}@media(max-width:760px){.quick-filters{grid-template-columns:1fr}.quick-filters>input:first-child{grid-column:auto}.history-row{flex-direction:column;gap:4px}}.variant-count{border:1px solid #dbe1ea;background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}.variant-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.variant-row{display:grid;grid-template-columns:1.5fr .7fr .7fr 1fr;grid-gap:10px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e5e7eb}.variant-add{display:grid;grid-template-columns:1.5fr 1fr .7fr auto;grid-gap:8px;gap:8px;margin-top:12px}.variant-add input{border:1px solid #d5dae2;border-radius:8px;padding:9px}@media(max-width:800px){.variant-add,.variant-row{grid-template-columns:1fr}}@media (max-width:700px){body,html{overflow-x:hidden}body{font-size:14px}.shell{display:block!important}.side{position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%!important;height:64px!important;min-height:0!important;padding:6px 8px!important;z-index:9999!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-around!important;border-top:1px solid #e5e7eb;border-right:0!important;background:#fff!important;overflow-x:auto}.side .brand,.side .muted,.side hr,.side>div:last-child{display:none!important}.side nav{flex-direction:row!important;gap:4px!important;width:100%!important;justify-content:space-around!important}.side nav,.side nav a{display:flex!important;align-items:center!important}.side nav a{flex-direction:column!important;justify-content:center!important;min-width:62px!important;padding:7px 5px!important;font-size:11px!important;line-height:1.15!important;border-radius:8px!important;white-space:nowrap}.main{margin-left:0!important;width:100%!important;padding:14px 12px 84px!important;min-width:0!important}.simple-head,.top{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.head-actions{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.head-actions a,.head-actions button{width:100%!important;text-align:center!important}.simple-head h1,.title{font-size:24px!important}.formline,.grid2,.simple-stats{grid-template-columns:1fr!important;display:grid!important;grid-gap:10px!important;gap:10px!important}.formline{align-items:stretch!important}.formline .field,.formline button,.formline input,.formline select{width:100%!important;max-width:none!important}.panel{padding:14px!important;border-radius:10px!important}.simple-panel{padding:12px!important}.simple-stats .stat{padding:14px!important}.status-chips{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important;margin-right:-12px!important}.status-chips button{white-space:nowrap!important;flex:0 0 auto!important}.quick-filters{display:grid!important;grid-template-columns:1fr 1fr!important;grid-gap:8px!important;gap:8px!important}.quick-filters>input:first-child{grid-column:1/-1!important}.quick-filters button,.quick-filters label,.quick-filters select{min-width:0!important;width:100%!important}.panel:has(>.table),.simple-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.simple-table,.table{min-width:720px!important;font-size:13px!important}.fast-table td,.fast-table th,.table td,.table th{padding:9px 8px!important}.tracking-inline{width:110px!important}.pager{position:-webkit-sticky;position:sticky;bottom:72px;background:#fff;padding:8px 0;z-index:5}input,select,textarea{font-size:16px!important;max-width:100%!important;box-sizing:border-box!important}textarea{min-height:90px}.btn,.excel-btn,.light-btn,.primary-btn,.view-btn{min-height:42px}.variant-add,.variant-row{grid-template-columns:1fr!important}.variant-row>span:last-child{display:flex;gap:6px;flex-wrap:wrap}.history-row{flex-direction:column!important;gap:4px!important}}@media (max-width:420px){.main{padding-left:9px!important;padding-right:9px!important}.quick-filters{grid-template-columns:1fr!important}.quick-filters>input:first-child{grid-column:auto!important}.head-actions{grid-template-columns:1fr!important}.side nav a{min-width:58px!important;font-size:10px!important;padding-left:3px!important;padding-right:3px!important}}@media (max-width:700px){.side{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;height:68px!important;border:1px solid #e2e8f0!important;border-radius:18px!important;box-shadow:0 10px 30px rgba(15,23,42,.14)!important;padding:7px!important;background:rgba(255,255,255,.97)!important}.side nav{gap:6px!important}.side nav a{flex:1 1!important;min-width:58px!important;height:52px!important;border:1px solid transparent!important;border-radius:13px!important;padding:6px 5px!important;transition:.15s ease!important}.side nav a.active,.side nav a:hover,.side nav a[aria-current=page]{background:#f1f5f9!important;border-color:#e2e8f0!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)!important}.main{padding-bottom:98px!important}input::placeholder,textarea::placeholder{color:#a8b0bd!important;opacity:1!important}}@media (max-width:760px){.side{position:fixed!important;top:auto!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;transform:none!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:7px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 10px 28px rgba(15,23,42,.16)!important;z-index:9999!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.side .brand,.side .muted,.side hr,.side>div:last-child{display:none!important}.side nav{display:grid!important;grid-template-columns:repeat(var(--mobile-nav-count,5),minmax(0,1fr))!important;align-items:stretch!important;grid-gap:4px!important;gap:4px!important;padding:0!important}.side nav,.side nav a{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow:hidden!important}.side nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;height:54px!important;padding:5px 2px!important;box-sizing:border-box!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#64748b!important;font-size:clamp(8px,2.35vw,11px)!important;font-weight:650!important;line-height:1.05!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.side nav a.active,.side nav a:hover,.side nav a[aria-current=page]{background:#f1f5f9!important;color:#0f172a!important;box-shadow:inset 0 0 0 1px #e2e8f0!important}.main{margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px))!important;overflow-x:hidden!important}}@media (max-width:360px){.side{left:6px!important;right:6px!important;padding:5px!important}.side nav{gap:2px!important}.side nav a{height:50px!important;padding-left:1px!important;padding-right:1px!important}}@media (min-width:600px) and (max-width:760px){.side{left:50%!important;right:auto!important;width:min(94vw,620px)!important;transform:translateX(-50%)!important}}