@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#202126;background:#f7f7f9;margin:0;font:14px DM Sans,Arial,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c9c5ff}.sidebar{z-index:4;color:#d9d8e0;background:#202027;border-right:1px solid #303039;flex-direction:column;width:228px;padding:25px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-.7px;padding:0 12px 32px;font:800 21px Manrope}.brand span{color:#8b84ff;font-size:16px}nav{gap:4px;display:grid}nav button{color:#aaa9b3;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:12px;height:42px;padding:0 12px;font-weight:600;display:flex}nav button:hover,nav button.active{color:#fff;background:#303039}.identity{color:#fff;border-top:1px solid #383740;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 4px;font-size:13px;display:flex}.identity b{background:#8079ee;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;display:grid}.identity small{color:#97969f;margin-top:2px;font-size:11px;display:block}main{min-height:100vh;margin-left:228px}header{background:#fff;border-bottom:1px solid #e5e5e9;justify-content:space-between;align-items:center;height:68px;padding:0 42px;display:flex}.crumb{color:#555560;font-weight:600}.crumb span{color:#aaaab1;font-weight:400}.command{color:#777782;background:#fff;border:1px solid #e4e4e9;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.command kbd,.palette kbd{color:#85838d;background:#f4f4f6;border:1px solid #e6e5e8;border-radius:4px;padding:2px 4px;font:11px monospace}.mobile-menu,.drawer-backdrop{display:none}.page{max-width:1380px;margin:auto;padding:39px 42px 50px}.title{justify-content:space-between;align-items:flex-end;margin-bottom:27px;display:flex}.title p{color:#767481;margin:0 0 5px;font-size:13px;font-weight:600}.title h1{letter-spacing:-1px;color:#22232a;margin:0;font:700 29px Manrope}.title h1 em{vertical-align:middle;color:#666672;background:#ededf2;border-radius:9px;margin-left:7px;padding:2px 7px;font:500 14px DM Sans}.title>div>span{color:#777681;margin-top:7px;display:block}.title>button,.bulk button,.state button,.modal button,.edit .title>button{color:#fff;background:#5b54d8;border-radius:7px;align-items:center;gap:7px;padding:10px 13px;font-weight:700;display:flex}.outline{color:#555461!important;background:#fff!important;border:1px solid #dedee4!important}.title>button:not(.outline):not(:disabled),.bulk button:not(.link):not(:disabled),.state button:not(:disabled),.modal button:not(.outline):not(:disabled),.mobile-save:not(:disabled){transition:background-color .15s,box-shadow .15s,transform .1s}.title>button:not(.outline):not(:disabled):hover,.bulk button:not(.link):not(:disabled):hover,.state button:not(:disabled):hover,.modal button:not(.outline):not(:disabled):hover,.mobile-save:not(:disabled):hover{background:#5049c8;box-shadow:0 3px 8px #5b54d82b}.title>button:not(.outline):not(:disabled):active,.bulk button:not(.link):not(:disabled):active,.state button:not(:disabled):active,.modal button:not(.outline):not(:disabled):active,.mobile-save:not(:disabled):active{box-shadow:none;background:#4741b9;transform:translateY(1px)}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px;display:grid}.card,.panel{background:#fff;border:1px solid #e5e5e8;border-radius:9px}.card{padding:19px}.card>span,.card small{color:#777681;font-size:12px;display:block}.card strong{letter-spacing:-.8px;margin:9px 0 6px;font:700 24px Manrope;display:block}.card small{color:#6c63c9}.grid{gap:15px;display:grid}.dashboard-grid{grid-template-columns:1.7fr 1fr}.lower{grid-template-columns:1.15fr 1fr;margin-top:15px}.panel{padding:19px}.panel-head{justify-content:space-between;align-items:start;margin-bottom:15px;display:flex}.panel h2{margin:0;font:700 15px Manrope}.panel-head span,.panel-head>div span{color:#888792;margin-top:3px;font-size:12px;display:block}.panel-head>b{font:700 17px Manrope}.chart{overflow:hidden}.chart svg{color:#635bff;width:100%;height:200px;margin-top:8px}.axis{color:#9b9aa3;justify-content:space-between;font-size:11px;display:flex}.attention button{text-align:left;color:#3c3b46;background:#fafafd;border:1px solid #eeeef2;border-radius:7px;align-items:center;gap:10px;width:100%;margin:5px 0;padding:12px;display:flex}.attention svg:first-child{color:#e48a36;width:18px}.attention span{flex:1}.attention b,.attention small{display:block}.attention small{color:#85848d;margin-top:3px;font-size:12px}.simple-list>button{text-align:left;color:#25252c;background:0 0;border-top:1px solid #eeeef1;align-items:center;gap:10px;width:100%;padding:11px 0;display:flex}.simple-list>button:first-child{border-top:0}.simple-list span{flex:1}.simple-list b{font-size:13px}.simple-list small{color:#85848e;margin-top:3px;font-size:12px;display:block}.simple-list img{object-fit:cover;border-radius:5px;width:31px;height:31px}.badge{white-space:nowrap!important;color:#555461!important;background:#f1f0f2!important;border-radius:5px!important;padding:4px 7px!important;font-size:11px!important;font-weight:700!important}.badge.paid,.badge.fulfilled,.badge.active,.badge.in-stock{color:#23744b!important;background:#eaf6ee!important}.badge.pending,.badge.processing,.badge.low-stock{color:#9b641a!important;background:#fff5e5!important}.badge.unfulfilled,.badge.out-of-stock,.badge.refunded,.badge.cancelled,.badge.archived{color:#a14c54!important;background:#fceef0!important}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:17px;display:flex}.filters label{color:#85848e;background:#fff;border:1px solid #dfdfe5;border-radius:7px;align-items:center;gap:8px;min-width:260px;height:39px;padding:0 10px;display:flex}.filters input{color:#2a2931;border:0;outline:0;width:100%}.filters select,.select-control select{color:#595863;background:#fff;border:1px solid #dfdfe5;border-radius:7px;height:39px;padding:0 34px 0 11px}.filters .select-control{position:relative}.mobile-select,.mobile-select-menu{display:none}.link{color:#5b54d8;background:0 0;align-items:center;gap:5px;padding:5px;font-weight:700;display:inline-flex}.icon-btn{color:#73727d;background:#fff;border:1px solid #dfdfe5;border-radius:7px;width:39px;height:39px}.table-wrap{background:#fff;border:1px solid #e4e4e8;border-radius:9px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:720px}.table-wrap th{color:#777680;text-align:left;text-transform:uppercase;letter-spacing:.4px;background:#fafafc;border-bottom:1px solid #e8e8ec;height:42px;padding:0 15px;font-size:11px;font-weight:700}.table-wrap th button{color:inherit;text-transform:inherit;font-size:inherit;font-weight:inherit;background:0 0;align-items:center;gap:3px;padding:0;display:inline-flex}.table-wrap td{color:#575661;border-bottom:1px solid #ededf0;height:57px;padding:8px 15px;font-size:13px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td small{color:#92919a;margin-top:3px;font-size:11px;display:block}.table-wrap td b{color:#33323b}.table-link{color:#534dc9;background:0 0;padding:0;font-weight:700}.numeric{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.bulk{color:#fff;background:#282732;border-radius:8px;align-items:center;gap:13px;margin-bottom:13px;padding:9px 11px;display:flex}.bulk button{padding:7px 9px;font-size:12px}.bulk .link{color:#d2d1d9}.pagination{color:#85848e;justify-content:flex-end;align-items:center;gap:7px;margin-top:13px;font-size:12px;display:flex}.pagination span{margin-right:auto}.pagination button{color:#4e4d58;background:#fff;border:1px solid #dfdfe5;border-radius:6px;align-items:center;gap:3px;padding:7px 9px;display:flex}.pagination button:disabled{color:#bbbac1;background:#f6f6f7}.skeleton td{background:linear-gradient(100deg,#fff,#f0f0f3,#fff) 0 0/200% 100%;height:57px;animation:1.3s infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.state{text-align:center;color:#7e7d87;background:#fff;border:1px dashed #d8d8df;border-radius:9px;padding:55px 20px}.state svg{color:#8a83ef}.state h2{color:#33323a;margin:10px;font:700 18px Manrope}.state p{margin:0 0 15px}.state button{margin:auto}.back{color:#696874;background:0 0;align-items:center;gap:3px;margin-bottom:20px;padding:0;font-weight:700;display:flex}.detail-grid{grid-template-columns:1.6fr .8fr;gap:15px;display:grid}.items{padding:0}.items .panel-head{border-bottom:1px solid #eeeef1;margin:0;padding:18px 19px}.line{border-bottom:1px solid #eeeef1;grid-template-columns:50px 1fr 120px 100px;align-items:center;gap:12px;padding:14px 19px;display:grid}.line:last-child{border:0}.line img{object-fit:cover;border-radius:6px;width:45px;height:45px}.line span:first-of-type b,.line small{display:block}.line small{color:#888792;margin-top:4px;font-size:12px}.line>span:not(:first-of-type){color:#777681;font-size:12px}.summary p{color:#74737d;justify-content:space-between;margin:13px 0;font-size:13px;display:flex}.summary .total{color:#2b2a31;border-top:1px solid #e8e8ec;padding-top:13px;font-size:15px}.customer b,.customer a{margin-top:11px;display:block}.customer a{color:#5650ce;text-decoration:none}.customer p{color:#777681;line-height:1.5}.timeline{margin-top:15px}.timeline p{color:#46454e;margin:0;padding:8px 0 8px 22px;position:relative}.timeline i{background:#fff;border:2px solid #716ae7;border-radius:50%;width:9px;height:9px;position:absolute;top:12px;left:0}.timeline small{color:#8e8d96;margin-top:2px;display:block}.products td{height:66px}.product-cell{color:#4b46bb;text-align:left;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.product-cell img,.product-title img{object-fit:cover;border-radius:6px;width:38px;height:38px}.form-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:15px;display:grid}.form-section{gap:15px;display:grid}.form-section h2{margin-bottom:2px}.form-section label{color:#696873;gap:6px;font-size:12px;font-weight:700;display:grid}.form-section input,.form-section select,.form-section textarea{color:#2d2c34;background:#fff;border:1px solid #dcdce3;border-radius:6px;outline-color:#a9a4ff;width:100%;padding:9px 10px;font-weight:500}.form-section select{padding-right:34px}.form-section .select-control{position:relative}.field-label{white-space:nowrap}.required{white-space:nowrap;margin-left:2px}.form-section textarea{resize:vertical;min-height:130px;line-height:1.5}.divider{border-top:1px solid #e9e9ee;padding-top:18px;margin-top:5px!important}.error{font-size:11px;color:#b94554!important}.product-title{align-items:center;gap:12px;display:flex}.product-title img{width:52px;height:52px}.mobile-save{display:none}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#fafaff}.overlay{z-index:20;background:#17162075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:11px;width:min(430px,100%);padding:26px;box-shadow:0 18px 55px #0d0c1745}.modal>svg{color:#d98a39;background:#fff4e4;border-radius:50%;width:38px;height:38px;margin:0 auto;padding:8px;display:block}.modal h2{margin:15px 0 8px;font:700 20px Manrope}.modal p{color:#777681;margin:0 0 23px;line-height:1.5}.modal>div{justify-content:flex-end;gap:8px;display:flex}.toast{z-index:30;color:#fff;background:#292833;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;font-weight:600;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 30px #22212c3b}.toast svg{color:#8ce1ae}.toast button{color:#c8c7cf;background:0 0;padding:2px}.palette{background:#fff;border-radius:11px;width:min(620px,100%);overflow:hidden;box-shadow:0 22px 65px #0c0b1560}.palette>label{color:#6c66d7;border-bottom:1px solid #e8e8ed;gap:10px;padding:17px;display:flex}.palette input{border:0;outline:0;width:100%;font-size:15px}.palette-results{max-height:420px;padding:7px;overflow:auto}.palette-results button{text-align:left;color:#72717b;background:#fff;border-radius:6px;align-items:center;gap:10px;width:100%;padding:9px;display:flex}.palette-results button.selected,.palette-results button:hover{color:#34316c;background:#f0efff}.palette-results span{flex:1}.palette-results b,.palette-results small{display:block}.palette-results small{color:#8d8c95;margin-top:2px;font-size:12px}.palette footer{color:#8d8c95;background:#fafafd;border-top:1px solid #e8e8ed;gap:15px;padding:8px 13px;font-size:11px;display:flex}@media (width<=900px){.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #0004}.drawer-backdrop{z-index:3;background:#17162075;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu{color:#555461;background:0 0;padding:4px;display:block}main{margin-left:0}header{padding:0 22px}.page{padding:28px 22px}.dashboard-grid,.lower,.detail-grid,.form-grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.detail-grid aside{grid-template-columns:1fr 1fr;gap:15px;display:grid}.timeline{margin-top:15px}.chart svg{height:160px}}@media (width<=600px){.sidebar{width:min(286px,82vw);padding-top:22px}.brand{padding-bottom:24px}header{height:59px;padding:0 15px}.crumb{display:none}.command{place-items:center;width:39px;height:39px;padding:0;font-size:0;line-height:1;display:grid}.command svg{width:16px;height:16px;display:block;transform:none}.command-label,.command kbd{display:none}.page{padding:24px 15px}.title{align-items:flex-start;gap:15px;margin-bottom:20px}.title h1{font-size:24px}.title>button{white-space:nowrap;padding:9px;font-size:12px}.kpis{grid-template-columns:1fr;gap:9px}.card{padding:14px}.card strong{font-size:21px}.dashboard-grid,.lower{gap:10px}.panel{padding:15px}.chart svg{height:135px}.axis{font-size:9px}.attention button{padding:10px}.filters{gap:7px}.filters label{flex-basis:100%;min-width:100%}.filters select{flex:1;min-width:calc(50% - 4px);max-width:100%;padding-left:10px;padding-right:34px}.filters .select-control{flex:1;min-width:calc(50% - 4px);max-width:100%}.select-control select{display:none}.mobile-select{color:#595863;text-align:left;background:#fff;border:1px solid #dfdfe5;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:39px;padding:0 11px;display:flex}.mobile-select-menu{z-index:10;background:#fff;border:1px solid #dfdfe5;border-radius:7px;width:100%;max-height:min(250px,45vh);padding:5px;display:grid;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 10px 24px #22212c24}.mobile-select-menu button{color:#555461;text-align:left;background:#fff;border-radius:5px;justify-content:space-between;align-items:center;min-height:36px;padding:8px 9px;display:flex}.mobile-select-menu button.selected,.mobile-select-menu button:hover{color:#4b46bb;background:#f0efff;font-weight:700}.form-section .select-control{width:100%}.table-wrap{background:0 0;border:0;overflow:visible}.table-wrap table{min-width:0}.table-wrap thead{display:none}.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block}.table-wrap tr{background:#fff;border:1px solid #e4e4e8;border-radius:8px;margin-bottom:8px;padding:12px;position:relative}.table-wrap tr.clickable-row:active{background:#f7f6ff}.table-wrap td{border:0;height:auto;padding:4px 0}.table-wrap td:first-child{position:absolute;top:12px;right:10px}.table-wrap td:nth-child(2){font-size:15px}.table-wrap td:nth-child(3){padding-right:35px}.table-wrap td:nth-child(4),.table-wrap td:nth-child(5),.table-wrap td:nth-child(6){margin-right:5px;display:inline-block}.table-wrap td:nth-child(7){position:absolute;bottom:12px;right:12px}.products td:first-child{position:static}.products td:nth-child(2),.products td:nth-child(3),.products td:nth-child(7){display:none}.products td:nth-child(4),.products td:nth-child(5),.products td:nth-child(6){display:inline-block}.products td:nth-child(6){position:absolute;top:14px;right:12px}.product-cell img{width:45px;height:45px}.pagination{justify-content:space-between}.pagination span{display:none}.line{grid-template-columns:43px 1fr auto;padding:12px}.line>span:not(:first-of-type){display:none}.line b:last-child{grid-area:1/3}.detail-grid aside{display:block}.detail-grid aside .panel{margin-top:10px}.form-grid{gap:10px}.palette{align-self:start;margin-top:60px}.palette footer{justify-content:space-between;gap:3px}.toast{bottom:14px;left:14px;right:14px}.modal{padding:21px}.modal>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.modal>div button{justify-content:center;width:100%;min-height:40px;padding:10px 8px}.simple-list>button{align-items:flex-start}.simple-list .badge{flex:none}.products tr{min-height:77px}.details .title{display:block}.details .order-action{justify-content:center;width:100%;margin-top:15px}.edit .title{display:block}.product-title{align-items:flex-start;min-width:0}.product-title>div{min-width:0}.product-title h1{overflow-wrap:anywhere}.product-title .badge{margin-top:5px;display:inline-block}.desktop-save{display:none!important}.mobile-save{color:#fff;background:#5b54d8;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:12px;padding:11px 13px;font-weight:700;display:flex}.mobile-save:disabled{opacity:.55;cursor:not-allowed}}