@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--ink:#172033;--muted:#72809a;--line:#e7eaf1;--paper:#fff;--bg:#f5f6fa;--primary:#6657df;--nav:#15192b}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button,a{transition:all .2s}a{color:inherit;text-decoration:none}.login-page{background:#fff;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-art{color:#fff;background:radial-gradient(circle at 80% 10%,#44419a 0,#0000 30%),linear-gradient(145deg,#11142a,#23245a 68%,#222761);align-items:center;padding:8vh 7vw;display:flex;position:relative;overflow:hidden}.art-grid{opacity:.13;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000);mask-image:linear-gradient(to bottom right,#000,#0000)}.art-content{z-index:1;max-width:600px;position:relative}.eyebrow,.login-heading>span,.card-title>div>span,.breadcrumb{letter-spacing:.16em;font-size:11px;font-weight:800}.eyebrow{color:#a9a9ff}.art-content h1{margin:20px 0;font:800 clamp(42px,5vw,74px)/1.08 Manrope}.art-content h1 em{color:#aaa4ff;font-style:normal}.art-content>p{color:#c2c5dc;max-width:510px;font-size:18px;line-height:1.7}.art-stats{gap:52px;margin-top:55px;display:flex}.art-stats div{display:grid}.art-stats b{font:700 26px Manrope}.art-stats small{color:#aeb3cc;margin-top:6px}.floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #fff2;border-radius:14px;padding:16px 18px;position:absolute;box-shadow:0 20px 50px #0003}.fc-one{min-width:170px;display:grid;top:14%;right:7%}.fc-one span{color:#bcc0d8;font-size:11px}.fc-one b{margin-top:6px}.fc-one i{color:#8ef0c0;position:absolute;top:20px;right:15px}.fc-two{align-items:center;gap:10px;display:flex;bottom:12%;right:11%}.pulse{background:#54e69d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #54e69d22}.login-panel{place-items:center;padding:40px;display:grid}.login-box{width:min(440px,100%)}.login-brand{align-items:center;gap:12px;margin-bottom:75px;display:flex}.login-brand>span,.brand-mark{color:#fff;background:linear-gradient(145deg,#7769ec,#5545c4);border-radius:12px;place-items:center;width:42px;height:42px;font:800 22px Manrope;display:grid;box-shadow:0 7px 20px #6657df55}.login-brand div{display:grid}.login-brand b{font:800 21px Manrope}.login-brand small,.brand-copy small{letter-spacing:.15em;color:#929bb0;font-size:9px}.login-heading span{color:var(--primary)}.login-heading h2{margin:13px 0 8px;font:800 31px Manrope}.login-heading p{color:var(--muted);margin:0 0 32px}.form-error,.dashboard-error{color:#c33e52;background:#fff0f1;border-radius:9px;margin-bottom:20px;padding:12px 15px;font-size:14px}.login-box form>label{gap:8px;margin-bottom:21px;font-size:13px;font-weight:600;display:grid}.login-box input{background:#fafbfc;border:1px solid #dfe3ec;border-radius:10px;outline:none;width:100%;padding:14px 15px}.login-box input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #6657df17}.password-field{position:relative}.password-field button{color:var(--primary);background:0 0;border:0;font-size:12px;font-weight:700;position:absolute;top:10px;right:11px}.form-row{justify-content:space-between;align-items:center;margin:3px 0 25px;font-size:13px;display:flex}.form-row a{color:var(--primary);font-weight:700}.check{align-items:center;gap:8px!important;margin:0!important;font-weight:500!important;display:flex!important}.check input{width:auto}.submit{color:#fff;background:linear-gradient(90deg,#6657df,#7567e8);border:0;border-radius:10px;justify-content:center;gap:10px;width:100%;padding:14px 18px;font-weight:700;display:flex;box-shadow:0 10px 24px #6657df42}.submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6657df55}.submit:disabled{opacity:.7}.secure{text-align:center;color:#9aa2b4;margin-top:25px;font-size:11px}.spinner{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-layout{min-height:100vh}.sidebar{z-index:20;background:var(--nav);color:#b7bdd0;flex-direction:column;width:265px;transition:all .25s;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #1b203510}.brand{border-bottom:1px solid #ffffff0c;align-items:center;gap:12px;height:74px;padding:0 20px;display:flex}.brand-mark{border-radius:10px;width:38px;height:38px}.brand-copy{display:grid}.brand-copy b{color:#fff;font:800 19px Manrope}.brand button{color:#aeb5ca;background:#ffffff08;border:1px solid #ffffff14;border-radius:7px;width:27px;height:27px;margin-left:auto}.menu-label{letter-spacing:.18em;color:#606980;padding:25px 24px 8px;font-size:9px;font-weight:800}.sidebar nav{scrollbar-width:thin;padding:0 11px 20px;overflow:auto}.nav-item{color:#aeb5ca;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:11px 13px;font-size:13px;font-weight:600;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff0b}.nav-item.active{background:linear-gradient(90deg,#6657df55,#6657df12);box-shadow:inset 3px 0 #8477f1}.nav-item i{text-align:center;color:#858ea8;width:20px;font-size:18px;font-style:normal}.nav-item b{transform-origin:50%;margin-left:auto;font-size:19px;transition:all .2s}.expanded>.nav-item b{transform:rotate(90deg)}.submenu{grid-template-rows:0fr;transition:all .25s;display:grid}.submenu:before{content:""}.expanded .submenu{grid-template-rows:1fr}.submenu{overflow:hidden}.submenu a{color:#8e97b0;min-height:0;padding:8px 12px 8px 49px;font-size:12px;position:relative}.submenu a:hover{color:#fff}.submenu a span{background:#505970;border-radius:50%;width:5px;height:5px;position:absolute;top:14px;left:27px}.sidebar-user{border-top:1px solid #ffffff0c;align-items:center;gap:10px;margin-top:auto;padding:16px 18px;display:flex}.sidebar-user>div,.avatar{color:#fff;background:#6657df;border:0;border-radius:9px;place-items:center;width:35px;height:35px;font-weight:800;display:grid}.sidebar-user span{min-width:0;display:grid}.sidebar-user b{color:#fff;font-size:12px}.sidebar-user small{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.main{min-height:100vh;margin-left:265px;transition:all .25s}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:74px;padding:0 28px;display:flex;position:sticky;top:0}.search{color:#8992a7;background:#f6f7fa;border:1px solid #eceef3;border-radius:9px;align-items:center;gap:9px;width:360px;padding:8px 11px;display:flex}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.search kbd{background:#fff;border:1px solid #dfe2e9;border-radius:4px;padding:3px 5px;font-size:9px}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.top-actions>button{color:#667087;background:0 0;border:0;border-radius:8px;width:36px;height:36px}.top-actions>button:hover{background:#f4f5f8}.top-actions .logout{width:auto;padding:0 10px;font-size:12px}.notification{position:relative}.notification i{background:#f0576b;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.mobile-toggle{background:0 0;border:0;font-size:20px;display:none}.content{max-width:1600px;margin:auto;padding:28px}.page-head{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.breadcrumb{color:#8b94a8}.page-head h1{margin:9px 0 4px;font:800 27px Manrope}.page-head p{color:var(--muted);margin:0;font-size:13px}.head-buttons{gap:9px;display:flex}.head-buttons button,.head-buttons a{background:#fff;border:1px solid #dfe3ea;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:700}.head-buttons a{background:var(--primary);color:#fff;border-color:var(--primary)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-card,.chart-card,.quick-card,.orders-card{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 4px 15px #28304c08}.stat-card{grid-template-columns:auto 1fr;column-gap:13px;padding:19px;display:grid}.stat-icon{border-radius:10px;grid-row:1/3;place-items:center;width:41px;height:41px;font-weight:800;display:grid}.stat-icon.violet{color:#6757dd;background:#efedff}.stat-icon.blue{color:#2984c5;background:#e9f5ff}.stat-icon.green{color:#269a63;background:#e8f8f0}.stat-icon.red{color:#d75162;background:#ffedef}.stat-card>span{color:var(--muted);font-size:11px}.stat-card>b{margin-top:2px;font:800 22px Manrope}.stat-card>small{color:#9aa2b1;border-top:1px solid #f0f1f4;grid-column:1/3;margin-top:14px;padding-top:11px;font-size:10px}.stat-card small strong{color:#32a66d;margin-right:4px}.dash-grid{grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px;display:grid}.chart-card,.quick-card,.orders-card{padding:20px}.card-title{justify-content:space-between;align-items:center;display:flex}.card-title>div>span{color:#9aa2b4;font-size:9px}.card-title h2{margin:5px 0;font:700 16px Manrope}.card-title select{border:1px solid var(--line);color:#667087;border-radius:7px;padding:7px;font-size:11px}.revenue{gap:45px;margin:19px 0;display:flex}.revenue div{display:grid}.revenue b{font:800 20px Manrope}.revenue span{color:var(--muted);margin-top:3px;font-size:10px}.fake-chart{height:160px;position:relative}.fake-chart svg{width:100%;height:100%;position:relative}.chart-lines{background:repeating-linear-gradient(#0000 0 39px,#eef0f5 40px);position:absolute;inset:0}.quick-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.quick-grid a{border:1px solid var(--line);border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:15px 12px;display:grid}.quick-grid a:hover{background:#faf9ff;border-color:#beb8f3;transform:translateY(-1px)}.quick-grid i{width:30px;height:30px;color:var(--primary);background:#f0eeff;border-radius:8px;place-items:center;font-style:normal;display:grid}.quick-grid span{font-size:11px;font-weight:700}.quick-grid b{color:#a0a7b7;grid-column:2;font-size:12px}.orders-card{margin-top:16px}.card-title>a{color:var(--primary);font-size:11px;font-weight:700}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:15px}th{text-align:left;letter-spacing:.12em;color:#9ba3b4;border-bottom:1px solid var(--line);padding:10px 12px;font-size:9px}td{color:#687289;border-bottom:1px solid #f0f1f4;padding:13px 12px;font-size:12px}.status-dot{color:#f1b24a;margin-right:5px}.skeleton{background:linear-gradient(90deg,#eff1f5,#f8f9fb,#eff1f5) 0 0/200%;border-radius:5px;height:13px;animation:1.2s infinite shine;display:block}.skeleton.short{width:80px}.screen-loader{color:#7b8497;place-content:center;justify-items:center;height:100vh;display:grid}.screen-loader span{border:3px solid #ddd;border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes shine{to{background-position:-200%}}.is-collapsed .sidebar{width:76px}.is-collapsed .main{margin-left:76px}.is-collapsed .brand-copy,.is-collapsed .menu-label,.is-collapsed .nav-item span,.is-collapsed .nav-item b,.is-collapsed .submenu,.is-collapsed .sidebar-user span{display:none}.is-collapsed .brand{padding:0 18px}.is-collapsed .brand button{position:absolute;right:-12px}.is-collapsed .nav-item,.is-collapsed .sidebar-user{justify-content:center}.scrim{display:none}@media (max-width:1100px){.stat-grid{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.search{width:280px}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:28px 20px}.login-brand{margin-bottom:50px}.sidebar,.is-collapsed .sidebar{width:265px;transform:translate(-102%)}.menu-open .sidebar{transform:none}.main,.is-collapsed .main{margin-left:0}.scrim{z-index:15;background:#10142699;border:0;display:block;position:fixed;inset:0}.mobile-toggle{margin-right:8px;display:block}.topbar{padding:0 14px}.search{flex:1;width:auto}.search kbd,.top-actions>button:not(.avatar):not(.logout),.top-actions .logout{display:none}.content{padding:20px 14px}.page-head{align-items:start}.head-buttons button{display:none}.stat-grid{grid-template-columns:1fr}.revenue{justify-content:space-between;gap:18px}.quick-grid{grid-template-columns:1fr}.page-head h1{font-size:22px}}.module-card{border:1px solid var(--line);background:#fff;border-radius:13px;min-height:470px;box-shadow:0 4px 15px #28304c08}.module-card-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.module-card-head>div>span{letter-spacing:.15em;color:#9aa2b4;font-size:9px;font-weight:800}.module-card-head h2{margin:5px 0 0;font:700 17px Manrope}.module-tools{gap:9px;display:flex}.module-search{border:1px solid var(--line);color:#8c95a7;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex}.module-search input{border:0;outline:0;min-width:220px}.module-tools select,.native-form select{border:1px solid var(--line);color:#697388;background:#fff;border-radius:8px;padding:8px 11px}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:380px;padding:30px;display:grid}.empty-state>div{width:58px;height:58px;color:var(--primary);background:#efedff;border-radius:15px;place-items:center;font-size:25px;display:grid}.empty-state h3{margin:18px 0 7px;font:700 18px Manrope}.empty-state p{max-width:530px;color:var(--muted);font-size:13px;line-height:1.6}.empty-state a{background:var(--primary);color:#fff;border-radius:8px;margin-top:10px;padding:10px 14px;font-size:12px;font-weight:700}.native-form{grid-template-columns:1fr 1fr;gap:20px;padding:24px;display:grid}.native-form label{gap:8px;font-size:12px;font-weight:700;display:grid}.native-form input,.native-form textarea{border:1px solid var(--line);resize:vertical;border-radius:9px;outline:0;padding:12px}.native-form input:focus,.native-form textarea:focus{border-color:var(--primary)}.native-form .wide,.form-actions{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:9px;display:flex}.form-actions a,.form-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 17px;font-size:12px;font-weight:700}.form-actions button{background:var(--primary);color:#fff;border-color:var(--primary)}.products-card,.product-form>section,.product-overview>article{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 4px 15px #28304c08}.product-filters{border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,1fr) repeat(3,180px);gap:10px;padding:17px;display:grid}.product-search{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:flex}.product-search input{border:0;outline:0;width:100%;padding:10px 0}.product-filters select{border:1px solid var(--line);color:#677188;background:#fff;border-radius:8px;padding:9px}.products-table td{vertical-align:middle}.product-cell{align-items:center;gap:11px;min-width:230px;display:flex}.product-cell img,.product-cell>span{object-fit:cover;width:42px;height:42px;color:var(--primary);background:#efedff;border-radius:9px;place-items:center;font-weight:800;display:grid}.product-cell div{display:grid}.product-cell a{color:#25304a;font-weight:700}.product-cell small,.discount,.cell-note{color:#9099ab;margin-top:4px;font-size:10px;display:block}.discount{color:#cf5870}.type-pill{text-transform:capitalize;color:#59647a;background:#f1f3f7;border-radius:6px;padding:5px 8px;font-size:10px}.status-button{color:#c74f61;background:#fff0f1;border:0;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:700;display:inline-flex}.status-button i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-button.on{color:#27895c;background:#e8f8ef}.mini-button{color:var(--primary);background:0 0;border:0;font-size:10px;font-weight:700}.option-link{color:var(--primary);font-size:11px;font-weight:700}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions a,.row-actions button{border:1px solid var(--line);color:#697389;background:#fff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.table-empty{text-align:center;color:#8b95a8;padding:45px}.pagination{border-top:1px solid var(--line);color:#7e8799;justify-content:space-between;align-items:center;padding:15px 18px;font-size:11px;display:flex}.pagination div{align-items:center;gap:10px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px}.pagination button:disabled{opacity:.4}.product-message{color:#267c55;background:#eaf8f1;border:1px solid #c9efdc;border-radius:9px;justify-content:space-between;margin-bottom:15px;padding:12px 15px;display:flex}.modal-backdrop{z-index:50;background:#12162899;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{background:#fff;border-radius:14px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 80px #0004}.modal-title{border-bottom:1px solid var(--line);justify-content:space-between;padding:19px 21px;display:flex}.modal-title span{letter-spacing:.15em;color:#999;font-size:9px;font-weight:800}.modal-title h2{margin:5px 0;font:700 18px Manrope}.modal-title>button{background:#f3f4f7;border:0;border-radius:7px;width:30px;height:30px}.admin-modal form{gap:15px;padding:20px;display:grid}.admin-modal form>label{gap:7px;font-size:12px;font-weight:700;display:grid}.admin-modal input,.admin-modal textarea{border:1px solid var(--line);border-radius:8px;outline:0;padding:11px}.stock-product{background:#f7f7fa;border-radius:8px;justify-content:space-between;padding:12px;font-size:12px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button,.primary-small{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700}.modal-actions button:last-child,.primary-small{background:var(--primary);color:#fff;border-color:var(--primary)}.product-form{gap:17px;padding-bottom:80px;display:grid}.product-form>section{padding:23px}.section-head{gap:13px;margin-bottom:22px;display:flex}.section-head>span{width:32px;height:32px;color:var(--primary);background:#efedff;border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.section-head h2{margin:0;font:700 17px Manrope}.section-head p,.pricing-head p{color:var(--muted);margin:4px 0;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid>label,.pricing-rules label{gap:7px;font-size:12px;font-weight:700;display:grid}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.pricing-rules input,.pricing-rules select{border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;padding:11px}.form-grid label small{color:#919aab;font-size:9px;font-weight:400}.pricing-head{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:23px;padding-top:19px;display:flex}.pricing-head h3{margin:0;font-size:13px}.pricing-head button{color:var(--primary);background:#f7f6ff;border:1px solid #cbc6f4;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.pricing-rules{gap:8px;margin-top:12px;display:grid}.pricing-rules>div{grid-template-columns:1fr 1fr 1fr 1fr 35px;align-items:end;gap:9px;display:grid}.pricing-rules>div>button{color:#cd5263;background:#fff4f5;border:1px solid #f2cbd1;border-radius:8px;height:39px}.no-rules{text-align:center;color:#929bad;background:#f8f9fb;border:1px dashed #dfe2e9;border-radius:8px;margin-top:12px;padding:18px;font-size:11px}.image-input img{object-fit:cover;border-radius:10px;width:100px;height:100px}.switch-line{border:1px solid var(--line);border-radius:9px;justify-content:space-between;align-items:center;padding:14px;display:flex!important}.switch-line span{display:grid}.switch-line input{width:38px;height:20px}.sticky-actions{z-index:9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#ffffffed;justify-content:flex-end;gap:9px;padding:13px 28px;display:flex;position:fixed;bottom:0;left:265px;right:0}.sticky-actions a,.sticky-actions button,.head-buttons .secondary{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 18px;font-size:12px;font-weight:700}.sticky-actions button{background:var(--primary);color:#fff;border-color:var(--primary)}.screen-loader.inline{height:60vh}.product-overview{grid-template-columns:2fr repeat(3,1fr);gap:14px;display:grid}.product-overview>article{align-content:center;padding:19px;display:grid}.overview-main{grid-template-columns:100px 1fr;gap:17px}.overview-main img,.image-placeholder{object-fit:cover;width:100px;height:100px;color:var(--primary);background:#efedff;border-radius:11px;place-items:center;font-size:35px;font-weight:800;display:grid}.overview-main h2{margin:8px 0 5px;font:700 19px Manrope}.overview-main p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.large-status,.status-text{color:#bd5060;background:#fff0f1;border-radius:5px;width:max-content;padding:4px 7px;font-size:9px}.large-status.active,.status-text.active{color:#27895c;background:#e8f8ef}.product-overview article>span:not(.large-status){letter-spacing:.12em;color:#929bad;font-size:9px}.product-overview article>b{margin:8px 0 3px;font:800 21px Manrope}.product-overview article>small{color:#8e97a9;font-size:10px}.detail-section{margin-top:15px}.variant-form{grid-template-columns:1fr 1fr!important}.variant-form .check-row{display:flex!important}.variant-form .modal-actions{grid-column:1/-1}.positive{color:#219a64}.negative{color:#d34e60}.stock-add-input{border:1px solid var(--line);border-radius:7px;width:130px;padding:8px}.combination-save{border-top:1px solid var(--line);justify-content:flex-end;align-items:end;gap:12px;padding:17px;display:flex}.combination-save label{gap:6px;min-width:330px;font-size:11px;font-weight:700;display:grid}.combination-save input{border:1px solid var(--line);border-radius:8px;padding:10px}.combination-save button{background:var(--primary);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700}@media (max-width:1000px){.product-filters,.product-overview{grid-template-columns:1fr 1fr}.overview-main{grid-column:1/-1}.form-grid.three{grid-template-columns:1fr 1fr}.sticky-actions{left:76px}}@media (max-width:760px){.product-filters,.form-grid,.form-grid.three,.product-overview{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.pricing-rules>div{grid-template-columns:1fr 1fr}.sticky-actions{left:0}.combination-save{flex-direction:column;align-items:stretch}.combination-save label{min-width:0}}.combination-tools{grid-template-columns:1fr 1.4fr;gap:15px;margin-bottom:15px;display:grid}.combination-tools>details,.generator-card{border:1px solid var(--line);background:#fff;border-radius:13px}.combination-tools summary{cursor:pointer;justify-content:space-between;padding:20px;list-style:none;display:flex}.combination-tools summary div{align-items:center;gap:10px;display:flex}.combination-tools summary span{width:30px;height:30px;color:var(--primary);background:#efedff;border-radius:8px;place-items:center;font-size:10px;display:grid}.attributes-body{padding:0 20px 20px}.inline-create,.value-create{gap:7px;display:flex}.inline-create input,.value-create input{border:1px solid var(--line);border-radius:7px;min-width:0;padding:8px}.inline-create>input{flex:1}.inline-create label{align-items:center;font-size:10px;display:flex}.inline-create button,.value-create button,.generator-body>button{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:700}.attribute-grid{gap:9px;margin-top:14px;display:grid}.attribute-grid article{border:1px solid var(--line);border-radius:9px;padding:12px}.attribute-grid h3{justify-content:space-between;margin:0 0 9px;font-size:12px;display:flex}.attribute-grid h3 small{color:#999}.value-tags{flex-wrap:wrap;gap:5px;margin-bottom:9px;display:flex}.value-tags span{background:#f3f4f7;border-radius:5px;padding:5px 7px;font-size:9px}.value-tags i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.value-create input{width:40%}.generator-body{gap:14px;padding:18px;display:grid}.generator-body fieldset{border:1px solid var(--line);border-radius:8px;padding:10px}.generator-body legend{padding:0 5px;font-size:11px;font-weight:700}.generator-body fieldset label{margin-right:12px;font-size:10px}.generator-body fieldset input{margin-right:5px}.initial-stock{gap:6px;font-size:10px;font-weight:700;display:grid}.initial-stock input{border:1px solid var(--line);border-radius:7px;padding:9px}@media (max-width:900px){.combination-tools{grid-template-columns:1fr}}.primary-head-button{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.table-product-image,.table-image-placeholder{object-fit:cover;border-radius:9px;width:48px;height:48px}.table-image-placeholder{color:var(--primary);background:#efedff;place-items:center;font-weight:800;display:grid}.product-cell.no-image{min-width:250px}.preorder-label{color:#8a6710;background:#fff2c9;border-radius:4px;width:max-content;margin-top:5px;padding:3px 6px;font-size:8px}.action-buttons-next{flex-wrap:wrap;gap:5px;min-width:520px;display:flex}.action-buttons-next a,.action-buttons-next button{color:#fff;border:0;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700}.action-buttons-next .edit{background:#6657df}.action-buttons-next .related{background:#299d68}.action-buttons-next .history{background:#2b96b5}.action-buttons-next .view{background:#6d7a92}.action-buttons-next .stock{background:#222b3f}.action-buttons-next .variant,.action-buttons-next .combination{color:#352707;background:#e0a528}.action-buttons-next .delete{background:#d75265}.product-editor-modal{width:min(980px,96vw)}.product-editor-modal>.page-head{display:none}.product-editor-modal .product-form{max-height:calc(90vh - 75px);padding:18px;overflow:auto}.product-editor-modal .product-form>section{box-shadow:none}.product-editor-modal .sticky-actions{margin:0 -18px -18px;position:static;left:auto}.wide-modal{width:min(760px,96vw)}.modal-error{margin:15px}.stock-overview{grid-template-columns:repeat(3,1fr);gap:10px;padding:22px;display:grid}.stock-overview>div,.stock-overview article{border:1px solid var(--line);border-radius:9px;padding:14px;display:grid}.stock-overview span{color:#8c95a7;font-size:9px}.stock-overview b{margin-top:5px}.stock-overview p{color:var(--muted);grid-column:1/-1;font-size:11px}.modal-list{padding:20px}.modal-list>article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px;display:flex}.modal-list article div{display:grid}.modal-list article small{color:#8993a7;margin-top:4px;font-size:10px}.modal-list article button{color:#c84c60;background:#fff1f3;border:0;border-radius:6px;padding:6px 8px}.inline-variant,.related-add{grid-template-columns:repeat(4,1fr) auto;gap:7px;padding:0 0 15px!important;display:grid!important}.inline-variant input,.related-add select{border:1px solid var(--line);border-radius:7px;min-width:0;padding:8px}.inline-variant button,.related-add button{background:var(--primary);color:#fff;border:0;border-radius:7px}.related-add{grid-template-columns:1fr auto!important}.delete-confirm{text-align:center;padding:30px}.delete-confirm>div:first-child{color:#ce4b5f;background:#fff0f2;border-radius:50%;place-items:center;width:55px;height:55px;margin:auto;font-size:28px;font-weight:800;display:grid}.delete-confirm h3{font:700 19px Manrope}.delete-confirm p{color:var(--muted);font-size:12px;line-height:1.6}.delete-confirm>div:last-child{justify-content:center;gap:8px;margin-top:20px;display:flex}.delete-confirm button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px}.delete-confirm button:last-child{color:#fff;background:#d75265;border-color:#d75265}@media (max-width:760px){.stock-overview{grid-template-columns:1fr}.inline-variant{grid-template-columns:1fr 1fr}.action-buttons-next{min-width:350px}}.content>.page-head{align-items:center;min-height:48px;margin-bottom:14px}.content>.page-head h1{margin:4px 0 2px;font-size:20px;line-height:1.2}.content>.page-head p{font-size:12px}.content>.page-head .breadcrumb{font-size:9px}.products-table th{padding:11px 12px;font-size:11px}.products-table td{padding:12px;font-size:13px}.product-cell small,.discount,.cell-note{font-size:11px}.action-buttons-next a,.action-buttons-next button{padding:7px 9px;font-size:11px}.status-button{font-size:11px}.product-filters input,.product-filters select{font-size:13px}.pagination{font-size:12px}.modal-title h2{font-size:19px}.admin-modal,.admin-modal input,.admin-modal select,.admin-modal textarea,.admin-modal button{font-size:13px}.related-picker{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:15px;display:grid}.related-picker label{gap:6px;font-size:12px;font-weight:700;display:grid}.related-picker input,.related-picker select{border:1px solid var(--line);border-radius:8px;min-width:0;padding:10px}.related-picker button{background:var(--primary);color:#fff;border:0;border-radius:8px;height:39px;padding:0 13px}.stock-modal-body{padding:20px}.stock-modal-body table{margin:0}.stock-modal-body th,.stock-modal-body td{text-align:left;padding:10px;font-size:12px}.stock-modal-body td{text-align:center}.central-stock{font-size:13px}.stock-matrix th,.stock-matrix td{border:1px solid var(--line);text-align:center!important}.stock-matrix th:first-child{text-align:left!important}.stock-matrix th i{vertical-align:middle;border:1px solid #ddd;border-radius:50%;width:18px;height:18px;margin-right:7px;display:inline-block}.stock-matrix td b,.stock-matrix td small,.stock-matrix td em{display:block}.stock-matrix .low{color:#d34f61}.stock-matrix .good{color:#229b64}.stock-matrix td em{color:#d34f61;font-size:9px}.modal-close-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:12px 20px;display:flex}.modal-close-footer button{color:#fff;background:#657086;border:0;border-radius:7px;padding:8px 14px}.combination-message{z-index:60;width:min(480px,100vw - 48px);position:fixed;top:86px;right:24px;box-shadow:0 12px 35px #15203b2e}.combination-message button{color:inherit;background:0 0;border:0;font-size:18px}.combination-generator{margin-bottom:16px}.combination-generator .module-card-head p,.combination-stock .module-card-head p{color:var(--muted);margin:4px 0;font-size:11px}.combination-builder{grid-template-columns:1fr 2fr;gap:16px;margin-bottom:16px;display:grid}.combination-builder>details,.manual-combination{border:1px solid var(--line);background:#fff;border-radius:13px}.combination-builder summary{cursor:pointer;justify-content:space-between;padding:18px;list-style:none;display:flex}.manual-body{grid-template-columns:1fr 1fr;gap:13px;padding:18px;display:grid}.manual-body label{gap:6px;font-size:12px;font-weight:700;display:grid}.manual-body input,.manual-body select{border:1px solid var(--line);border-radius:7px;padding:9px}.manual-body .check-field{align-items:center;display:flex}.manual-body button{background:var(--primary);color:#fff;border:0;border-radius:7px;grid-column:1/-1;width:max-content;padding:9px 13px}.stock-info{color:#39749c;background:#eaf5ff;border-radius:7px;margin:14px;padding:10px 12px;font-size:12px}.color-row th{color:#5546b8;background:#efedff;font-size:12px}.color-row span{color:#fff;background:#6657df;border-radius:10px;margin-left:6px;padding:2px 7px;font-size:9px}.readonly-stock{border:1px solid var(--line);background:#f3f4f7;border-radius:7px;width:130px;padding:8px}@media (max-width:800px){.related-picker,.combination-builder,.manual-body{grid-template-columns:1fr}}.combination-details-section{margin-top:22px}.combination-details-section>h2{margin:0 0 12px;font:700 17px Manrope}.color-detail-group{border:1px solid var(--line);background:#fff;border-radius:11px;margin-bottom:10px;overflow:hidden}.color-detail-group>summary{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:15px 18px;list-style:none;display:flex}.color-detail-group>summary::-webkit-details-marker{display:none}.color-detail-group>summary div{align-items:center;gap:8px;display:flex}.color-detail-group>summary span{color:#fff;background:#6657df;border-radius:12px;padding:3px 8px;font-size:10px}.color-detail-group>summary i{color:#6657df;background:#efedff;border-radius:7px;place-items:center;width:28px;height:28px;font-size:17px;font-style:normal;display:grid}.color-detail-group[open]>summary{border-bottom:1px solid var(--line)}.color-detail-group[open]>summary i{font-size:0}.color-detail-group[open]>summary i:after{content:"−";font-size:18px}.detail-combinations{gap:12px;padding:14px;display:grid}.detail-combinations article{border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-combinations article>header{background:#f8f9fb;justify-content:space-between;padding:12px 14px;display:flex}.detail-combinations header div{gap:6px;display:flex}.detail-combinations header small{color:#8490a4}.detail-combinations header>span{color:#697389;background:#eef0f4;border-radius:5px;padding:4px 7px;font-size:10px}.detail-combinations header>span.active{color:#27895c;background:#e8f8ef}.combination-detail-body{grid-template-columns:1fr 1fr;gap:22px;padding:14px;display:grid}.combination-detail-body form{gap:10px;display:grid}.combination-detail-body form+form{border-left:1px solid var(--line);padding-left:22px}.combination-detail-body label{gap:6px;font-size:11px;font-weight:700;display:grid}.combination-detail-body input{border:1px solid var(--line);border-radius:7px;padding:9px}.detail-checks{gap:18px;display:flex}.detail-checks label{display:flex}.detail-actions{align-items:center;gap:7px;display:flex}.detail-actions button,.detail-actions a{color:#594ac5;background:#f7f6ff;border:1px solid #c8c3f1;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.detail-actions .danger{color:#c84b5e;background:#fff2f3;border-color:#efc4ca}@media (max-width:700px){.combination-detail-body{grid-template-columns:1fr}.combination-detail-body form+form{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}}.sidebar .submenu{opacity:0!important;visibility:hidden!important;max-height:0!important;transition:max-height .28s,opacity .2s,visibility .2s!important;display:block!important;overflow:hidden!important}.sidebar .nav-group.expanded>.submenu{opacity:1!important;visibility:visible!important;max-height:650px!important}.sidebar .submenu:before{display:none!important}.sidebar .submenu a{display:block!important}.sidebar .nav-item.active-parent{color:#fff;background:#ffffff0b}.sidebar .submenu a.active-submenu{color:#fff;background:linear-gradient(90deg,#6657df35,#0000);border-radius:6px;font-weight:700}.sidebar .submenu a.active-submenu span{background:#8a7df2;box-shadow:0 0 0 3px #6657df30}
