@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#18243b;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid #e9edf3;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;padding:27px 14px 18px;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 15px 43px;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.7px;line-height:1;color:#202a3d}.brand>span>span{color:#3483fa}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:2px;font-weight:800;color:#98a0ae;margin-top:6px}.brand-mark{height:36px;width:36px;display:grid;place-items:center;background:#ffe600;border-radius:11px;color:#293346;box-shadow:0 5px 13px #f6db2270}.sidebar-section-label{padding:0 18px 12px;font-size:10px;letter-spacing:1.9px;font-weight:800;color:#a4acb9}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;height:46px;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#667184;padding:0 16px;border-radius:10px;text-align:left;font-size:13px;font-weight:700;position:relative}.nav-item svg{color:#8c96a7}.nav-item:hover{background:#f6f8fb}.nav-item.active{background:#eaf2ff;color:#2474e5}.nav-item.active svg{color:#3483fa}.nav-indicator{position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#3483fa}.sidebar-bottom{margin-top:auto}.tip-card{background:#fffbea;border:1px solid #fff1a6;border-radius:15px;padding:17px 16px;margin:0 4px}.tip-icon{width:30px;height:30px;border-radius:9px;background:#ffe600;display:grid;place-items:center;margin-bottom:13px}.tip-card strong{display:block;font-size:12px}.tip-card p{font-size:11px;line-height:1.55;color:#707b8c;margin:7px 0 13px}.tip-card button{border:0;background:none;padding:0;font-size:11px;font-weight:800;color:#2575e8;display:flex;align-items:center;gap:5px}.sidebar-note{font-size:9px;letter-spacing:1.5px;color:#a5aebc;text-align:center;margin-top:24px;font-weight:700}.sidebar-note span{padding:0 5px}.main{flex:1;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid #e9edf3;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{color:#9ba5b3;font-size:12px;font-weight:600}.breadcrumb span{padding:0 10px;color:#c6ccd6}.breadcrumb strong{color:#333f55;font-weight:700}.topbar-right{display:flex;align-items:center;gap:22px}.saved-pill{font-size:11px;color:#818d9e;display:flex;align-items:center;gap:7px}.saved-pill span{width:6px;height:6px;border-radius:50%;background:#31bc8b}.avatar{height:33px;width:33px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:#3483fa;font-weight:800;font-size:11px}.mobile-menu{display:none;border:0;background:none;padding:7px}.content{max-width:1450px;margin:auto;padding:35px 40px 70px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;color:#4a88e3;font-weight:800;letter-spacing:2px}.eyebrow span{color:#c3ccd8;padding:0 3px}.page-heading h1{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1.4px;margin:9px 0 7px;color:#1b283e}.page-heading p{font-size:13px;color:#8791a0;margin:0}.heading-actions{display:flex;gap:10px;align-items:center}.primary-btn,.secondary-btn{height:38px;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;white-space:nowrap}.primary-btn{background:#3483fa;border:1px solid #3483fa;color:#fff;box-shadow:0 4px 10px #3483fa26}.primary-btn:hover{background:#226fdc}.secondary-btn{background:#fff;border:1px solid #e0e6ee;color:#445267}.secondary-btn:hover{background:#f8fafc}.filter-row{display:flex;align-items:center;gap:16px;margin-bottom:17px}.period-control{height:35px;display:flex;gap:8px;align-items:center;border:1px solid #e0e6ee;background:#fff;border-radius:8px;padding:0 10px;color:#69768b}.period-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;outline:0;color:#354258;font-size:12px;font-weight:700;cursor:pointer}.filter-note{font-size:11px;color:#a5aeba}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e9edf3;border-radius:13px;min-height:150px;padding:20px 20px 17px;box-shadow:0 3px 12px #24385908}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#818c9e;font-size:12px;font-weight:700}.stat-icon{height:34px;width:34px;border-radius:10px;display:grid;place-items:center}.stat-icon.blue{background:#e8f1ff;color:#3483fa}.stat-icon.yellow{background:#fff7ce;color:#d6a800}.stat-icon.purple{background:#f0eaff;color:#946bdf}.stat-icon.green{background:#e4f8ee;color:#27aa75}.stat-card>strong{display:block;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-1.2px;margin-top:13px;color:#19263d}.stat-helper{font-size:10px;color:#a0a9b6;display:flex;align-items:center;gap:3px;margin-top:8px}.stat-helper svg{color:#30b782}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(285px,1fr);gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e9edf3;border-radius:13px;box-shadow:0 3px 12px #24385908}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:15px;padding:22px 23px 0}.panel-head h2,.toolbar-heading h2{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.4px;margin:0 0 5px;color:#263249}.panel-head p,.toolbar-heading p{font-size:11px;color:#9ba5b3;margin:0}.chart-legend{font-size:10px;color:#8691a2;display:flex;align-items:center;gap:7px;white-space:nowrap}.blue-dot,.yellow-dot{height:7px;width:7px;border-radius:50%;display:inline-block}.blue-dot{background:#3483fa}.yellow-dot{background:#e6b800;margin-left:10px}.chart-wrap{height:285px;padding:15px 12px 18px 8px}.chart-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#9aa4b3;font-size:11px}.chart-empty strong{font-size:13px;color:#39465a}.chart-empty button{border:0;background:none;color:#3483fa;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:800;margin-top:5px}.empty-chart-icon{height:48px;width:48px;display:grid;place-items:center;background:#edf4ff;color:#3483fa;border-radius:14px;margin-bottom:6px}.insight-panel{display:flex;flex-direction:column}.insight-list{padding:19px 23px 8px}.insight-list>div{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #f0f2f5}.insight-list>div:last-child{border-bottom:0}.insight-list>div>div{display:flex;flex-direction:column;gap:3px;flex:1}.insight-list small{font-size:9px;font-weight:800;letter-spacing:.8px;color:#9ba5b3}.insight-list strong{font-size:15px}.insight-list>div>svg{color:#c5cbd5}.insight-icon{height:32px;width:32px;border-radius:9px;display:grid;place-items:center}.insight-icon.blue{color:#3483fa;background:#eaf2ff}.insight-icon.yellow{color:#d8a900;background:#fff7d6}.insight-icon.green{color:#26a876;background:#e6f7ef}.insight-foot{padding:12px 23px 20px;margin-top:auto}.mini-progress{height:5px;border-radius:5px;background:#edf2f8;overflow:hidden}.mini-progress span{display:block;height:100%;border-radius:5px;background:#3483fa}.insight-foot>div:last-child{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:#96a0ae}.insight-foot strong{color:#3483fa;font-size:11px}.product-panel{padding-bottom:4px}.text-btn{border:0;background:none;color:#3483fa;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px}.product-rows{padding:8px 23px}.product-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2f5}.product-row:last-child{border-bottom:0}.product-thumb{height:38px;width:38px;display:grid;place-items:center;flex-shrink:0;border-radius:9px;background:#f0f3f8;color:#a6b2c1;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-row-name{display:flex;flex-direction:column;gap:3px;flex:1}.product-row-name strong{font-size:12px}.product-row-name span,.product-row-value span{font-size:10px;color:#9aa5b3}.product-row-value{text-align:right;display:flex;flex-direction:column;gap:3px}.product-row-value strong{font-size:12px}.simple-empty{padding:38px 24px;color:#9aa5b3;font-size:12px;text-align:center}.simple-empty button{border:0;background:none;color:#3483fa;font-weight:800}.table-panel{overflow:hidden}.table-toolbar{min-height:70px;padding:16px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #edf0f4}.search-box{width:min(340px,100%);height:37px;border:1px solid #e3e8ef;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#a0aabb}.search-box input{border:0;outline:0;font-size:12px;width:100%;color:#263249}.search-box input::placeholder{color:#a8b0bd}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th{text-align:left;background:#fbfcfe;color:#a2acb9;font-size:9px;letter-spacing:1px;font-weight:800;padding:15px 19px;white-space:nowrap}td{padding:14px 19px;border-top:1px solid #f0f2f5;color:#6d788b;font-size:12px;white-space:nowrap}td:first-child{color:#29364d}.table-product{display:flex;align-items:center;gap:9px;font-weight:700}.table-product .product-thumb{height:33px;width:33px}.strong-cell{font-weight:800;color:#2b364b}.profit-cell{font-weight:800;color:#229d70}.negative-cell{font-weight:800;color:#dc6a63}.status-select{border:0;outline:0;border-radius:7px;padding:6px 7px;font-size:10px;font-weight:800;cursor:pointer}.status-select.paid{background:#e6f8ef;color:#25996e}.status-select.cancelled{background:#f2f3f6;color:#7c8797}.status-select.returned,.status-select.refunded{background:#fff1e7;color:#d58742}.icon-btn{border:0;background:none;color:#a7b1be;padding:6px;display:inline-grid;place-items:center}.icon-btn:hover{color:#d95757;background:#fff3f2;border-radius:6px}.empty-state{text-align:center;padding:65px 24px 75px;display:flex;align-items:center;flex-direction:column}.empty-state>div{height:50px;width:50px;border-radius:14px;background:#edf4ff;color:#3483fa;display:grid;place-items:center;margin-bottom:14px}.empty-state strong{font-size:14px}.empty-state p{font-size:12px;color:#97a1af;margin:6px 0 18px}.inventory-strip{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:18px 22px;margin-bottom:18px}.inventory-strip>div{display:flex;align-items:center;gap:13px}.inventory-icon{height:43px;width:43px;border-radius:11px;display:grid;place-items:center;background:#fff6c7;color:#bb9700}.inventory-strip>div>div{display:flex;flex-direction:column;gap:4px}.inventory-strip small{font-size:9px;letter-spacing:1px;font-weight:800;color:#9da7b4}.inventory-strip strong{font-size:19px}.inventory-strip>span{color:#a1aab8;font-size:11px}.table-count{font-size:11px;color:#a1aab8}.toolbar-total{font-size:18px}.info-banner{display:flex;align-items:center;gap:12px;background:#eaf3ff;border:1px solid #d6e8ff;color:#52749e;font-size:12px;border-radius:10px;padding:14px 16px;margin-bottom:17px}.toast{position:fixed;right:25px;bottom:25px;padding:12px 18px;background:#203049;color:#fff;border-radius:9px;box-shadow:0 12px 30px #1c2c4a30;font-size:12px;z-index:100}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#13213a80;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(540px,100%);max-height:min(90vh,850px);background:#fff;border-radius:16px;box-shadow:0 25px 80px #11203c38;display:flex;flex-direction:column;overflow:hidden}.modal form{display:flex;flex-direction:column;min-height:0}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #edf0f4}.modal-head h2{font-size:21px;font-family:Manrope,sans-serif;letter-spacing:-.7px;margin:5px 0 0}.modal-body{overflow:auto;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field>label{color:#445167;font-size:11px;font-weight:800}.field>input,.field>select{height:39px;border:1px solid #dfe5ed;border-radius:8px;padding:0 11px;outline:0;color:#26344b;font-size:12px;background:#fff}.field>input:focus,.field>select:focus{border-color:#3483fa;box-shadow:0 0 0 3px #3483fa16}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.upload-area{height:104px;border:1px dashed #cad9eb;border-radius:10px;background:#f8fbff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#87a1c5;cursor:pointer;overflow:hidden}.upload-area strong{color:#53749b;font-size:11px}.upload-area span{font-size:10px}.upload-area input{display:none}.upload-area img{width:100%;height:100%;object-fit:contain}.fee-choices{display:flex;flex-direction:column;gap:6px}.fee-choices label{display:flex;align-items:center;gap:8px;border:1px solid #edf0f4;padding:9px;border-radius:7px;font-size:11px;color:#354258;cursor:pointer}.fee-choices label span{flex:1}.fee-choices label small{color:#8b96a7;font-weight:700}.fee-choices input{accent-color:#3483fa}.field-hint{font-size:11px;color:#9ba6b5}.sale-preview{background:#f5f9ff;border:1px solid #e3efff;border-radius:9px;padding:13px 14px;display:flex;align-items:center;gap:8px}.sale-preview span{font-size:11px;color:#6d7f97;flex:1}.sale-preview strong{font-size:17px;color:#2678e7}.sale-preview small{display:block;font-size:10px;color:#9aa7b8}.modal-footer{border-top:1px solid #edf0f4;padding:17px 24px;display:flex;justify-content:flex-end;gap:9px}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.insight-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.insight-list>div{border-bottom:0}.insight-foot{padding-top:8px}}@media(max-width:760px){.sidebar{position:fixed;left:-260px;transition:left .2s;box-shadow:10px 0 30px #1d2e4b12}.sidebar-open{left:0}.topbar{padding:0 18px;height:61px}.mobile-menu{display:block}.breadcrumb{flex:1;margin-left:7px}.saved-pill{display:none}.content{padding:26px 16px 60px}.page-heading{align-items:start;flex-direction:column}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions>button{flex:1}.stats-grid{gap:10px}.stat-card{padding:15px;min-height:130px}.stat-card>strong{font-size:20px}.stat-top{font-size:11px}.stat-icon{height:28px;width:28px}.chart-legend{display:none}.inventory-strip>span{display:none}.insight-list{display:block}.insight-list>div{border-bottom:1px solid #f0f2f5}.table-toolbar{padding:14px}.table-toolbar .secondary-btn{padding:0 9px}.sale-preview{flex-wrap:wrap}.sale-preview small{width:100%}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card>strong{font-size:17px}.stat-helper{font-size:9px}.field-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:94vh}.modal-body{padding:18px}.modal-footer{padding:14px 18px}}.backup-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;margin:-3px 0 18px;background:#fffdf0;border:1px solid #f7eebc;border-radius:9px;color:#7c7658;font-size:11px}.backup-banner>div{display:flex;align-items:center;gap:13px;white-space:nowrap}.backup-banner button,.backup-banner label{border:0;background:none;color:#2d76d8;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px;cursor:pointer;padding:0}.backup-banner input{display:none}@media(max-width:760px){.backup-banner{align-items:flex-start;flex-direction:column}.backup-banner>div{width:100%;justify-content:space-between}}.brand-mark{width:42px;height:42px;background:transparent;box-shadow:none;border-radius:0;flex-shrink:0}.brand-mark img{width:100%;height:100%;object-fit:contain}.mobile-logo{display:none}@media(max-width:760px){.mobile-logo{display:block;width:29px;height:29px;object-fit:contain;margin-right:3px}.breadcrumb{margin-left:3px}}