@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&display=swap";:root{color:#26332e;font-synthesis:none;letter-spacing:0;--green:#19865c;--green-dark:#146e4c;--muted:#8a948f;--border:#e7ebe8;--sidebar:236px;--text:#26332e;background:#f7f9f8;font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{text-decoration:none}a,button{color:inherit}button,input,select{outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #209c6b}h1{font-size:26px;font-weight:650;line-height:1.45}h2{font-size:14px;line-height:1.5}h2,h3,strong{font-weight:600}h3{font-size:15px}small{font-size:11px}input,select{color:#334039;background:#fff;border:1px solid #dfe5e1;border-radius:6px;min-width:0;padding:10px 12px}select{max-width:100%;padding-right:30px}input::placeholder{color:#9aa29e}input:focus,select:focus{border-color:#5caa85;box-shadow:0 0 0 3px #16845b0a}label{flex-direction:column;gap:8px;font-size:12px;font-weight:500;display:flex}.brand-line,.icon-button,.inline-icon,svg{flex-shrink:0}button{background:0 0;border:0}.muted{color:var(--muted)!important}.success-text{color:var(--green)!important}.error-text{color:#bb4646}.monospace{overflow-wrap:anywhere;font-family:Cascadia Code,Consolas,monospace;font-size:12px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fit{width:fit-content}.full{width:100%}.number{text-align:right;font-variant-numeric:tabular-nums}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 15px;font-size:12px;font-weight:550;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{color:#fff;background:var(--green);border-color:var(--green);box-shadow:0 2px 3px #153f2010}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.secondary{color:#526058;background:#fff;border-color:#dfe5e1}.button.secondary:hover:not(:disabled){background:#f2f6f3}.small-button{min-height:33px;padding:7px 11px;font-size:11px}.icon-button{color:#7d8982;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.icon-button:hover:not(:disabled){color:#31483a;background:#eef3ef}.icon-button.bordered{background:#fff;border-color:#e0e6e1}.icon-button.subtle{width:29px;height:29px}.text-button{color:var(--green);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:4px 0;font-size:11px;font-weight:500;display:inline-flex}.text-button:hover{text-decoration:underline}.inline-icon{color:#8c9790;justify-content:center;align-items:center;padding:3px;display:inline-flex}.brand-dot,.inline-icon:hover{color:var(--green)}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar);border-right:1px solid var(--border);z-index:40;background:#fff;flex-direction:column;padding:31px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand-line{align-items:center;gap:10px;width:fit-content;display:flex}.brand-line strong{font-size:22px;font-weight:750}.brand-mark{color:#fff;background:#1b8960;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 2px 4px #18865c12}.workspace{border:1px solid var(--border);border-radius:7px;gap:10px;margin-top:33px;padding:12px 9px}.workspace,.workspace-icon{align-items:center;display:flex}.workspace-icon{color:#5c7766;background:#eff4f1;border:1px solid #e1e8e3;border-radius:5px;justify-content:center;width:30px;height:30px;font-weight:600}.workspace>div{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.workspace strong{font-size:10px;font-weight:550}.workspace small{color:#96a099;font-size:9px}.nav-caption{color:#a4ada7;margin:29px 12px 12px;font-size:9px;font-weight:550}.nav-caption.second{margin-top:31px}.nav-item{color:#7b887f;border-radius:5px;align-items:center;gap:12px;min-height:43px;margin-bottom:6px;padding:0 12px;font-size:11px;font-weight:500;display:flex}.nav-item.active{color:#158055;background:#eaf5ef}.nav-item:hover{background:#f2f6f3}.nav-item.active:hover{background:#e3f1e9}.nav-count{color:#8e9992;background:#f1f4f2;border:1px solid #e4eae5;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px}.nav-item.active .nav-count{color:#34825b;background:#dceee3;border-color:#d6e9dd}.sidebar-bottom{margin-top:auto;padding-top:60px}.connection-card{background:#f8faf8;border:1px solid #e4ebe5;border-radius:7px;padding:13px 12px}.connection-label{color:#4e6b59;align-items:center;gap:7px;font-size:10px;display:flex}.connection-card p{color:#99a39c;margin:6px 0 12px 13px;font-size:9px}.connection-bottom{color:#9aa59d;border-top:1px solid #e5ebe6;justify-content:space-between;padding-top:10px;font-size:9px}.connection-bottom,.help-link,.profile{align-items:center;display:flex}.help-link{color:#839087;gap:10px;padding:22px 12px;font-size:10px}.help-link svg:last-child{margin-left:auto}.profile{text-align:left;border-top:1px solid var(--border);border-radius:0;gap:10px;width:calc(100% + 40px);margin:0 -20px;padding:20px}.profile:disabled{opacity:1;cursor:default}.profile>span:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile strong{overflow-wrap:anywhere;font-size:10px}.profile small{color:#a1a9a4;font-size:9px}.profile>svg{color:#9ba59e}.avatar{color:#62715d;background:#e8eee6;border:3px solid #f5f7f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:10px;font-weight:550;display:flex}.avatar.small{width:30px;height:30px;font-size:9px}.main-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{border-bottom:1px solid var(--border);background:#ffffffc9;justify-content:space-between;gap:16px;height:74px;padding:0 34px}.breadcrumb,.environment-badge,.global-search,.topbar,.topbar-tools{align-items:center;display:flex}.breadcrumb{color:#96a099;gap:14px;min-width:0;font-size:10px}.breadcrumb strong{color:#55645a;font-weight:500}.topbar-tools{gap:19px}.global-search{color:#9aa49d;gap:8px}.global-search input{width:125px;box-shadow:none;background:0 0;border:0;padding:6px 0;font-size:10px}.environment-badge{color:#6e8777;white-space:nowrap;border:1px solid #e2ebe4;border-radius:4px;gap:6px;padding:5px 8px;font-size:9px}.status-dot,.tiny-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.status-dot{color:#35a574}.tiny-dot.green{background:#24976b}.tiny-dot.violet{background:#9b87bd}.notification-wrap{position:relative}.notification-button{width:25px;position:relative}.notification-dot{background:#da8054;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;right:3px}.notification-panel{border:1px solid var(--border);z-index:30;background:#fff;border-radius:7px;width:300px;padding:18px;position:absolute;top:43px;right:-45px;box-shadow:0 12px 40px #233b2715}.notification-panel strong{font-size:12px}.notification-panel p{color:#7d8981;margin:12px 0;font-size:11px;line-height:1.8}.notification-panel small{color:#a2aaa5;font-size:10px}.mobile-menu{display:none}.content{max-width:1650px;margin:auto;padding:30px 34px 0}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-eyebrow{color:#96a098;text-transform:capitalize;margin-bottom:7px;font-size:10px}.page-heading h1{margin-bottom:6px}.page-heading p{color:#94a096;font-size:11px;line-height:1.7}.heading-actions{gap:9px}.heading-actions,.overview-toolbar,.page-footer,.page-footer>span:last-child,.section-label{align-items:center;display:flex}.page-footer{border-top:1px solid var(--border);color:#a0aaa3;justify-content:space-between;gap:15px;margin-top:29px;padding:20px 0;font-size:9px}.page-footer>span:last-child{gap:7px}.page-footer .status-dot{width:4px;height:4px}.surface{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:0;overflow:hidden}.overview-toolbar{justify-content:space-between;gap:12px;margin-bottom:15px}.section-label{color:#58695e;gap:7px;font-size:11px}.scope-note{color:#a0aaa3;font-size:9px;font-weight:400}.section-label .scope-note{margin-left:7px}.period-control{background:#f0f3f1;border:1px solid #e8ede9;border-radius:6px;flex-shrink:0;align-items:center;gap:2px;padding:3px;display:inline-flex}.period-control button{color:#99a29b;white-space:nowrap;border-radius:4px;min-width:55px;padding:6px 12px;font-size:10px}.period-control button.active{color:#4c6556;background:#fff;box-shadow:0 1px 4px #1437200d}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:0;padding:17px 18px 16px}.stat-label{color:#8b978e;justify-content:space-between;align-items:center;gap:5px;font-size:10px;display:flex}.stat-icon{border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.stat-icon.green{color:#34976c;background:#f0f8f3;border-color:#e5f1e9}.stat-icon.blue{color:#7294b4;background:#f0f5f9;border-color:#e5edf5}.stat-icon.violet{color:#a18cb9;background:#f6f2fa;border-color:#eee6f4}.stat-icon.amber{color:#bf995c;background:#fbf6ed;border-color:#f6eddc}.stat-value{white-space:nowrap;font-variant-numeric:tabular-nums;margin:10px 0 14px;font-size:24px;font-weight:600;line-height:1.4}.stat-unit{color:#a3aca5;margin-left:7px;font-size:11px;font-weight:400}.stat-note{color:#9ca69f;white-space:nowrap;align-items:center;gap:6px;height:18px;font-size:9px;display:flex}.stat-note .inline-icon{margin-left:auto}.note-chip{color:#889e8c;background:#f3f6f4;border:1px solid #eaf0eb}.note-chip,.stat-note .success-text{border-radius:4px;padding:3px 5px;font-size:8px}.stat-note .success-text{background:#edf6ef}.overview-middle{grid-template-columns:minmax(0,1fr) 286px;gap:22px;margin-bottom:23px;display:grid}.section-header{justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 18px;display:flex}.section-header p{color:#a2aaa5;margin-top:5px;font-size:9px}.section-header h2{white-space:normal}.chart-legend{color:#95a098;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.chart-legend i{background:#258d62;border-radius:50%;width:6px;height:6px;display:inline-block}.chart-canvas{width:100%;height:202px;padding:0 18px 0 4px;position:relative}.chart-bottom{color:#b0b8b2;justify-content:space-between;gap:10px;padding:10px 20px 17px;font-size:8px;display:flex}.chart-loading{height:202px;margin:0 20px}.wallet-overview{color:#fff;background:#1a7154;border:1px solid #176f50;border-radius:7px;min-width:0;padding:22px;position:relative;overflow:hidden}.wallet-card-top{color:#b4d6c6;align-items:center;gap:9px;font-size:8px;font-weight:500;display:flex}.wallet-symbol{color:#e0eee7;background:#ffffff13;border:1px solid #ffffff1d;border-radius:7px;width:35px;height:35px}.wallet-eye,.wallet-symbol{justify-content:center;align-items:center;display:flex}.wallet-eye{color:#c3d8cd;margin-left:auto;padding:5px}.wallet-overview>p{color:#a9cdba;margin-top:23px;font-size:10px}.wallet-big{white-space:nowrap;font-variant-numeric:tabular-nums;margin:8px 0 13px;font-size:27px;font-weight:550}.wallet-currency{color:#a5c7b6;align-items:center;gap:6px;font-size:8px;display:flex}.wallet-currency .tiny-dot{background:#81bf99;width:4px;height:4px}.wallet-divider{background:#4a9175;width:1px;height:9px;margin:0 2px}.wallet-topup{color:#26744f;background:#fff;border-color:#fff;width:100%;min-height:36px;margin-top:24px;font-size:10px}.wallet-topup:hover{background:#e9f5ec}.wallet-topup svg:last-child{margin-left:auto}.wallet-history{color:#bfd4c8;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:2px;font-size:9px;display:flex}.overview-bottom{grid-template-columns:minmax(0,1fr) 286px;gap:22px;display:grid}.header-with-count{align-items:center;gap:8px;display:flex}.count-pill{color:#8a9b8e;background:#f8faf8;border:1px solid #e8eee9;border-radius:4px;justify-content:center;align-items:center;min-width:21px;height:18px;padding:1px 5px;font-size:9px;display:inline-flex}.table-scroll{scrollbar-width:thin;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.data-table th{color:#a1aba4;text-align:left;background:#fafcfb;border-top:1px solid #edf1ee;border-bottom:1px solid #edf1ee;padding:12px 18px;font-size:9px;font-weight:400}.data-table th.number{text-align:right}.data-table td{border-bottom:1px solid #eef2ef;padding:15px 18px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfdfc}.data-table.compact{font-size:10px}.data-table.compact th{padding:11px 16px;font-size:8px}.data-table.compact td{padding:13px 16px}.data-table.compact td:last-child,.data-table.compact th:last-child{padding-left:0;padding-right:12px}.order-id{color:#687b6e;padding:0;font-size:10px;font-weight:500;text-decoration:none}.order-id:hover{color:var(--green);text-decoration:underline}.table-product{align-items:center;gap:9px;min-width:130px;max-width:280px;display:flex}.table-product>div{min-width:0}.table-product small{color:#a4ada7;margin-top:4px;font-size:8px}.product-title-button,.table-product small{text-overflow:ellipsis;max-width:230px;display:block;overflow:hidden}.product-title-button{text-align:left;white-space:nowrap;padding:0;font-size:10px;font-weight:500}.product-title-button:hover{color:var(--green)}.product-logo{color:#73867a;background:#fff;border:1px solid #e9eeeb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:11px;font-weight:700;display:inline-flex;overflow:hidden}.product-logo img{-o-object-fit:contain;object-fit:contain;width:70%;height:70%}.product-logo.chatgpt{background:#edf6f2;border-color:#e2eee7}.product-logo.canva{background:#edf8fa;border-color:#e4f2f4}.product-logo.youtube{background:#fff3f2;border-color:#fbebe9}.product-logo.netflix{background:#fdf0f2;border-color:#f7e6e9}.product-logo.spotify{background:#eff8ec;border-color:#e6f1e1}.product-logo.capcut{background:#f4f5f5}.product-logo.adobe{background:#fff2f2}.data-table.compact .product-logo{border-radius:6px;width:29px;height:29px}.amount-cell{font-size:10px;font-weight:500}.badge{white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:8px;font-weight:450;display:inline-flex}.badge .status-dot{width:4px;height:4px;color:inherit}.badge.success{color:#5e9d72;background:#edf7f0;border-color:#e3f1e7}.badge.warning{color:#c1a15e;background:#fff8e8;border-color:#fcf0d6}.badge.danger{color:#c28b86;background:#fdf1f0;border-color:#f7e6e4}.badge.neutral{color:#89998e;background:#f1f4f3;border-color:#e8eee9}.date-cell{color:#8f9b92;font-size:9px}.date-cell small{color:#a8b1aa;margin-top:4px;font-size:8px;display:block}.action-col{width:36px}.section-bottom{color:#acb5ae;border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:10px;padding:13px 17px;font-size:8px;display:flex}.section-bottom>span{align-items:center;gap:5px;display:flex}.section-bottom .text-button{font-size:9px}.featured-products .section-header{padding-bottom:11px}.featured-row{text-align:left;border-bottom:1px solid #f0f3f1;align-items:center;gap:10px;width:100%;padding:15px 20px;display:flex}.featured-row:hover{background:#fafcfb}.featured-name{flex:1;min-width:0}.featured-name strong{overflow-wrap:anywhere;font-size:10px;font-weight:500;display:block}.featured-name small{color:#a9b1ab;margin-top:4px;font-size:8px;display:block}.featured-price{text-align:right;white-space:nowrap;font-size:10px;font-weight:500}.featured-price small{margin-top:5px;font-size:8px;font-weight:400;display:block}.browse-products{color:#8da194;justify-content:center;align-items:center;gap:8px;width:100%;padding:17px;font-size:9px;display:flex}.browse-products:hover{background:#f5faf6}.empty-state{color:#9ba79e;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 18px;display:flex}.empty-state strong{color:#6a7f70;font-size:13px}.empty-state span{font-size:11px}.empty-state.generous{padding:80px 20px}.catalog-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:10px 0 22px;display:flex}.filters,.view-title{align-items:center;gap:9px;display:flex}.filters{min-width:0}.filters select{color:#88988d;min-height:35px;padding:9px 28px 9px 10px;font-size:10px}.search-field{color:#9aa69e;background:#fff;border:1px solid #dfe6e0;border-radius:6px;align-items:center;gap:8px;min-width:0;padding:0 11px;display:flex}.search-field input{width:190px;min-width:0;box-shadow:none;background:0 0;border:0;padding:10px 0;font-size:10px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.catalog-card{border:1px solid var(--border);background:#fff;border-radius:7px;min-width:0;padding:20px;transition:box-shadow .2s,border-color .2s}.catalog-card:hover{border-color:#cbded0;box-shadow:0 4px 14px #23442e06}.catalog-card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;display:flex}.catalog-card .product-logo{width:44px;height:44px}.catalog-card h3{overflow-wrap:anywhere;font-size:13px;line-height:1.7}.catalog-card>p{color:#99a59c;min-height:18px;margin:5px 0 20px;font-size:10px;line-height:1.8}.stock-label{color:#73a582;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.stock-label.out{color:#b4b9b5}.stock-label .status-dot{color:inherit;width:4px;height:4px}.product-card-divider{background:#eef2ee;height:1px;margin-bottom:16px}.catalog-price-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.catalog-price-row small{color:#a2ada5;margin-bottom:5px;font-size:9px;display:block}.catalog-price-row strong{white-space:nowrap;font-size:15px;font-weight:600}.pagination{color:#99a79c;justify-content:space-between;gap:15px;padding:22px 0;font-size:10px}.pagination,.pagination>div{align-items:center;display:flex}.pagination>div{gap:10px}.pagination.in-surface{border-top:1px solid #edf1ee;padding:15px 20px}.pagination .icon-button{border-radius:4px;width:28px;height:28px}.table-tabs{border-bottom:1px solid var(--border);gap:22px;padding:0 20px;display:flex;overflow-x:auto}.table-tabs button{color:#99a59c;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:17px 2px 16px;font-size:11px;display:flex}.table-tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:550}.table-tabs button span{color:#8a9e90;background:#f2f6f3;border-radius:4px;padding:2px 5px;font-size:8px}.table-tabs button.active span{color:#4a9565;background:#e9f5ed}.table-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.orders-section .data-table td:first-child,.orders-section .data-table th:first-child{padding-left:22px}.orders-section .data-table td{padding-top:17px;padding-bottom:17px}.orders-section .data-table .badge{font-size:9px}.orders-section .table-product .product-title-button{font-size:11px}.orders-section .table-product small{font-size:9px}.orders-section .amount-cell{font-size:11px}.wallet-summary{grid-template-columns:1.25fr 1fr 1fr;align-items:stretch;gap:22px;margin-bottom:28px;display:grid}.wallet-main .wallet-overview>p{margin-top:15px}.wallet-main{padding:23px}.wallet-select{color:#fff;background:#ffffff10;border-color:#ffffff25;margin-left:auto;padding:6px 18px 6px 8px;font-size:10px}.wallet-select option{color:#26332e;background:#fff}.wallet-stat{border:1px solid var(--border);background:#fff;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:25px;display:flex}.wallet-stat .stat-icon{width:36px;height:36px;margin-bottom:24px}.wallet-stat>p{color:#92a096;font-size:11px}.wallet-stat>strong{white-space:nowrap;margin:13px 0 22px;font-size:27px;font-weight:600}.wallet-stat>small{color:#a6b0a9;font-size:9px}.payment-flow{border-block:1px solid var(--border);margin:27px 0 30px;padding:24px 4px}.payment-flow-title{align-items:center;gap:12px;display:flex}.payment-flow-title>svg{color:#7a9d86}.payment-flow-title h2{font-size:13px}.payment-flow-title p{color:#9aa79e;margin-top:5px;font-size:10px}.flow-steps{grid-template-columns:1fr 24px 1.4fr 24px 1fr;gap:14px;margin:27px 0 23px}.flow-steps,.flow-steps>div{align-items:center;display:grid}.flow-steps>div{grid-template-columns:24px 1fr;gap:4px 10px}.flow-number{color:#91aa98;background:#edf3ef;border-radius:4px;grid-row:span 2;justify-content:center;align-items:center;height:24px;font-size:9px;display:flex}.flow-steps strong{font-size:10px}.flow-steps p{color:#9aa69e;font-size:9px;line-height:1.8}.flow-arrow{color:#b3c0b6}.reseller-note{color:#91a195;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;display:flex}.reseller-note svg{margin-top:2px}.transaction-name{white-space:normal;align-items:center;gap:11px;max-width:500px;line-height:1.7;display:flex}.transaction-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.transaction-icon.credit{color:#73a181;background:#edf7f0}.transaction-icon.debit{color:#91a1b1;background:#f2f5f8}.transaction-type{color:#9aa89f;font-size:10px}.settings-layout{grid-template-columns:1fr 1fr;gap:45px;display:grid}.settings-section{border-top:1px solid var(--border);padding:25px 0}.settings-section-heading{align-items:center;gap:12px;margin-bottom:27px;display:flex}.settings-section-heading h2{font-size:14px}.settings-section-heading p{color:#99a69d;margin-top:5px;font-size:10px;line-height:1.7}.settings-list{margin:0 0 26px}.settings-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.settings-list dt{color:#8c9b91;font-size:11px}.settings-list dd{text-align:right;gap:8px;margin:0;font-size:11px}.setting-row,.settings-list dd{align-items:center;display:flex}.setting-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:18px 0}.setting-row strong{font-size:11px;display:block}.setting-row small{color:#9daa9f;margin-top:6px;font-size:10px;line-height:1.8;display:block}.setting-row select{width:85px;font-size:11px}.toggle{background:#dfe6e1;border-radius:20px;flex-shrink:0;align-items:center;width:35px;height:21px;padding:3px;display:flex}.toggle span{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block;box-shadow:0 1px 3px #34423810}.toggle.on{background:#26875e}.toggle.on span{transform:translate(14px)}.security-note{color:#659176;background:#eef5f0;border-radius:6px;align-items:flex-start;gap:10px;margin-top:25px;padding:17px;display:flex}.security-note strong{font-size:11px}.security-note p{color:#91a296;margin-top:5px;font-size:10px;line-height:1.9}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#172b234d;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border:1px solid #e5ebe6;border-radius:8px;outline:none;flex-direction:column;width:510px;max-width:100%;max-height:calc(100dvh - 56px);display:flex;box-shadow:0 25px 100px #0d2a231c}.modal.wide{width:670px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:19px 23px;display:flex}.modal-head h2{font-size:15px}.modal-head .icon-button{width:27px;height:27px}.modal-body{overscroll-behavior:contain;min-height:0;padding:23px;overflow:auto}.modal-foot{border-top:1px solid var(--border);background:#fbfcfb;border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:16px 23px;display:flex}.form-stack{flex-direction:column;gap:19px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.notice{color:#6b8e77;background:#f1f7f3;border:1px solid #e3eee6;border-radius:6px;align-items:flex-start;gap:10px;padding:14px;font-size:11px;line-height:1.9;display:flex}.notice svg{flex-shrink:0;margin-top:2px}.compact-notice{margin-bottom:20px;padding:10px 12px;font-size:10px}.inline-error{color:#b96c5c;overflow-wrap:anywhere;background:#fdf2ef;border:1px solid #f1ded9;border-radius:5px;padding:11px 13px;font-size:11px;line-height:1.9}.error-banner{color:#b28967;background:#fff4ee;border:1px solid #f3ded2;border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:11px;line-height:1.8;display:flex}.error-banner>span{flex:1}.error-banner .text-button{color:#a87e59}.purchase-product{align-items:center;gap:12px;display:flex}.purchase-product .product-logo{width:44px;height:44px}.purchase-product h3{font-size:15px}.purchase-product span{color:#99a99e;margin-top:5px;font-size:10px;display:block}.product-description{color:#8a9a8f;max-height:160px;font-size:11px;overflow:auto}.instruction,.product-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.instruction{font-size:10px}.quote-summary{border:1px solid var(--border);background:#fafcfb;border-radius:6px;padding:0 15px}.quote-summary>div{color:#93a196;justify-content:space-between;gap:15px;padding:11px 0;font-size:11px;display:flex}.quote-summary>div strong{color:#4b6654;white-space:nowrap;font-size:12px}.quote-summary .quote-total{border-top:1px solid var(--border);margin-top:3px;padding:15px 0}.quote-total strong{color:var(--green)!important;font-size:17px!important}.checkbox-label{color:#778e7d;flex-direction:row;align-items:flex-start;gap:9px;font-size:11px;line-height:1.9;display:flex}.checkbox-label input{width:15px;height:15px;accent-color:var(--green);flex-shrink:0;margin:3px 0 0}.purchase-success{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:25px 0 15px;display:flex}.purchase-success p{color:#8ea095;font-size:11px;line-height:1.9}.success-circle{color:#4c9b65;background:#edf7ef;border:1px solid #e1eee4;border-radius:50%;width:62px;height:62px;display:inline-flex}.modal-loading,.success-circle{justify-content:center;align-items:center}.modal-loading{color:#6e9b7d;padding:70px;display:flex}.order-modal-status{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-modal-status>span:last-child{color:#98a59c;font-size:10px}.detail-list{flex-direction:column;gap:15px;min-width:0;margin:0;display:flex}.detail-list>div{justify-content:space-between;align-items:flex-start;gap:20px;min-width:0;display:flex}.detail-list dt{color:#91a196;flex-shrink:0;font-size:11px;line-height:1.8}.detail-list dd{color:#617c69;text-align:right;overflow-wrap:anywhere;justify-content:flex-end;align-items:center;gap:7px;min-width:0;margin:0;font-size:11px;line-height:1.8;display:flex}.detail-list .monospace{font-size:11px}.order-items{border-block:1px solid var(--border);padding:4px 0 0}.order-item{align-items:center;gap:11px;min-width:0;padding:15px 0;display:flex}.order-item>div{flex:1;min-width:0}.order-item>div strong{overflow-wrap:anywhere;font-size:11px}.order-item small{color:#99a69d;margin-top:5px;font-size:10px;display:block}.order-item>strong{white-space:nowrap;font-size:12px}.order-grand-total{border-top:1px solid var(--border);justify-content:space-between;gap:15px;padding:17px 0;font-size:12px;display:flex}.order-grand-total strong{color:var(--green);font-size:18px}.delivery-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.delivery-header h3{font-size:13px}.delivery-header p{color:#a2ada5;margin-top:5px;font-size:10px}.delivery-tools{gap:7px;display:flex}.delivery-entry{border:1px solid var(--border);background:#fcfdfc;border-radius:6px;min-width:0;padding:15px}.delivery-entry>strong{margin-bottom:17px;font-size:12px;display:block}.additional-info{color:#8b9d90;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:15px;font-size:10px;line-height:1.9}.amount-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.amount-options button{color:#8da093;white-space:nowrap;border:1px solid #e2e8e3;border-radius:5px;min-height:34px;font-size:10px}.amount-options button.active{color:var(--green);background:#f1f8f3;border-color:#a5ceb2}.demo-topup-notice{color:#a4a18c;align-items:flex-start;gap:8px;font-size:10px;line-height:1.9;display:flex}.demo-topup-notice svg{margin-top:2px}.demo-checkout{text-align:center;flex-direction:column;align-items:center;gap:15px;padding:18px 0;display:flex}.demo-checkout h3{font-size:15px}.demo-checkout>strong{color:var(--green);font-size:25px}.demo-checkout p{color:#94a197;max-width:360px;font-size:11px;line-height:1.9}.checkout-id{color:#a5afa8;overflow-wrap:anywhere;font-size:9px}.payment-amount{justify-content:space-between;align-items:center;gap:10px;display:flex}.payment-amount span{color:#9aa69e;font-size:11px}.payment-amount strong{color:var(--green);font-size:24px}.boot-screen,.expiry,.login-screen,.payment-qr{justify-content:center;display:flex}.payment-qr img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--border);border-radius:6px;width:210px;max-width:100%;height:210px}.payment-details{background:#f8fbf9;border:1px solid #e6eee8;border-radius:6px;padding:15px}.reference{font-weight:600;color:var(--green)!important}.expiry{color:#b6a07d;align-items:center;gap:6px;font-size:10px}.payment-note{color:#a0aaa3;font-size:10px;line-height:1.9}.boot-screen,.login-screen{background:#f7faf8;align-items:center;min-height:100dvh;padding:30px}.boot-screen{flex-direction:column;gap:20px}.boot-screen h1{font-size:25px}.brand-mark.large{border-radius:10px;width:50px;height:50px}.login-panel{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;max-width:390px;padding:38px 33px;box-shadow:0 20px 50px #23492d04}.login-panel .brand-line{margin-bottom:40px}.eyebrow{color:#9baa9f;margin-bottom:10px;font-size:9px}.login-panel h1{margin-bottom:25px;font-size:25px}.login-panel .button{margin-top:23px}.login-panel .inline-error{margin-top:15px}.login-bottom{color:#a0ada4;justify-content:center;gap:6px;margin-top:22px;font-size:9px}.login-bottom,.toast-message{align-items:center;display:flex}.toast-message{z-index:200;color:#5c8f6a;background:#fff;border:1px solid #dce9df;border-radius:7px;gap:10px;width:max-content;max-width:calc(min(560px,100vw - 32px));padding:13px 15px;font-size:11px;line-height:1.8;position:fixed;bottom:25px;left:calc(50% + 118px);transform:translate(-50%);box-shadow:0 8px 35px #24472e15}.toast-message.error{color:#bb806b;border-color:#edddd5}.toast-message>.icon-button{width:22px;height:22px}.toast-enter-active,.toast-leave-active{transition:opacity .2s,margin-bottom .2s}.toast-enter-from,.toast-leave-to{opacity:0;margin-bottom:-10px}.skeleton{background:linear-gradient(90deg,#f0f4f1 25%,#e6ede8 50%,#f0f4f1 75%) 0 0/200% 100%;border-radius:5px;animation:1.6s infinite shimmer}.stock-skeleton{width:46px;height:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=1500px){:root{--sidebar:250px}.content{padding:35px 40px 0}.topbar{padding-inline:40px}.overview-bottom,.overview-middle{grid-template-columns:minmax(0,1fr) 320px;gap:25px}.chart-canvas{height:220px}.stat-grid{gap:22px}.stat-card{padding:20px 23px}.stat-value{font-size:28px}.wallet-overview{padding:25px}.wallet-big{font-size:30px}.data-table.compact td{padding-block:16px}.featured-row{padding-block:18px}.toast-message{left:calc(50% + 125px)}}@media (width<=1250px){:root{--sidebar:215px}.sidebar{padding-inline:15px}.profile{width:calc(100% + 30px);margin-inline:-15px;padding:20px 15px}.topbar{padding-inline:25px}.content{padding:25px 25px 0}.stat-grid{gap:12px}.stat-card{padding:14px}.stat-value{font-size:21px}.stat-label{font-size:9px}.stat-note{font-size:8px}.overview-bottom,.overview-middle{grid-template-columns:minmax(0,1fr) 258px;gap:17px}.wallet-overview{padding:19px}.wallet-big{font-size:24px}.section-header{padding:18px 16px}.section-header h2{font-size:12px}.featured-name strong,.featured-price,.recent-orders .section-header .text-button{font-size:9px}.data-table.compact td,.data-table.compact th{padding-inline:12px}.data-table.compact .table-product{min-width:120px}.data-table.compact .date-cell,.data-table.compact th:nth-last-child(2){display:none}.featured-row{padding-inline:16px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{flex-direction:column;align-items:flex-start}.wallet-stat{padding:20px}.wallet-stat>strong{font-size:23px}.toast-message{left:calc(50% + 107px)}}@media (width<=1000px){:root{--sidebar:200px}.sidebar{padding-inline:13px}.brand-line strong{font-size:20px}.workspace{gap:7px;padding:10px 7px}.workspace strong{font-size:9px}.workspace small{font-size:8px}.workspace-icon{width:25px;height:25px}.featured-products,.global-search,.overview-middle .wallet-overview,.workspace>svg{display:none}.nav-item{gap:9px;padding-inline:9px;font-size:10px}.profile{width:calc(100% + 26px);margin-inline:-13px;padding:18px 13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-value{margin-block:8px 11px;font-size:25px}.stat-label{font-size:10px}.stat-note{font-size:9px}.topbar-tools{gap:11px}.content{padding:24px 22px 0}.topbar{height:66px;padding-inline:22px}.page-heading{gap:15px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.overview-bottom,.overview-middle{grid-template-columns:minmax(0,1fr)}.data-table.compact .date-cell,.data-table.compact th:nth-last-child(2){display:table-cell}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-summary{grid-template-columns:1fr 1fr;gap:14px}.wallet-main{grid-column:span 2}.wallet-stat{padding:20px}.wallet-stat .stat-icon{margin-bottom:18px}.wallet-stat>strong{margin:10px 0 15px;font-size:24px}.flow-steps{grid-template-columns:1fr;gap:15px}.flow-arrow{display:none}.settings-layout{grid-template-columns:1fr;gap:0}.toast-message{left:calc(50% + 100px)}}@media (width<=760px){:root{--sidebar:236px}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:0 0 30px #223b2b10}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:39;background:#1a342b55;width:100%;height:100%;padding:0;position:fixed;inset:0}.main-shell{margin-left:0}.mobile-menu{margin-left:-8px;display:inline-flex}.topbar{gap:8px;height:60px;padding-inline:18px}.breadcrumb{gap:8px;font-size:9px}.breadcrumb>span,.breadcrumb>svg,.data-table.compact .date-cell,.data-table.compact th:nth-last-child(2),.refresh-button>span,.section-label .scope-note{display:none}.breadcrumb strong{font-size:11px}.topbar-tools{gap:12px}.environment-badge{padding:4px 6px;font-size:8px}.content{padding:24px 18px 0}.page-heading{align-items:flex-start;gap:10px;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{max-width:210px;font-size:10px}.page-eyebrow{font-size:9px}.heading-actions{gap:6px;padding-top:22px}.heading-actions .button{gap:5px;min-height:34px;padding:8px 10px;font-size:10px}.heading-actions .refresh-button{width:33px;padding:6px}.overview-toolbar{gap:8px}.section-label{font-size:10px}.period-control button{min-width:44px;padding:5px 8px;font-size:9px}.stat-grid{gap:12px;margin-bottom:18px}.stat-card{padding:13px 14px}.stat-value{margin:10px 0 12px;font-size:24px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:16px;height:16px}.stat-note{gap:5px}.overview-bottom,.overview-middle{gap:18px;margin-bottom:18px}.section-header{padding:17px 15px}.chart-canvas{height:200px;padding-right:12px}.chart-bottom{padding-inline:15px}.chart-bottom>span,.chart-legend{font-size:8px}.table-product{min-width:125px}.data-table.compact td,.data-table.compact th{padding:13px 12px}.data-table.compact .product-logo{width:26px;height:26px}.data-table.compact .product-title-button{font-size:9px}.data-table.compact .table-product small{font-size:7px}.data-table.compact .amount-cell,.data-table.compact .order-id{font-size:9px}.data-table.compact .badge{gap:4px;padding:4px 5px;font-size:7px}.page-footer,.recent-orders .section-header .text-button{font-size:8px}.page-footer{margin-top:23px;padding:17px 0}.page-footer>span:last-child{font-size:7px}.catalog-toolbar{gap:15px}.filters{flex-wrap:wrap;gap:8px;width:100%}.filters .search-field{flex:1;min-width:170px}.search-field input{width:100%}.filters select{flex:1;min-width:100px;font-size:9px}.product-grid{gap:12px}.catalog-card{padding:16px 14px}.catalog-card-head{gap:5px;margin-bottom:18px}.catalog-card .product-logo{width:37px;height:37px}.stock-label{gap:3px;font-size:7px}.catalog-card h3{font-size:12px;line-height:1.7}.catalog-card>p{min-height:30px;margin-bottom:15px;font-size:9px}.catalog-price-row{flex-direction:column;align-items:flex-start;gap:12px}.catalog-price-row strong{font-size:17px}.catalog-price-row .button{width:100%;min-height:32px;font-size:10px}.catalog-price-row .button>svg,.pagination>div{margin-left:auto}.pagination{flex-wrap:wrap;gap:12px;font-size:9px}.pagination>div{gap:8px}.table-tabs{gap:18px;padding-inline:14px}.table-tabs button{padding-block:16px;font-size:10px}.table-toolbar{align-items:flex-start;padding:15px 14px}.table-toolbar>.button{width:34px;min-height:34px;padding:8px;font-size:0}.table-toolbar>.button svg{width:15px;height:15px}.pagination.in-surface{padding:14px}.wallet-summary{gap:12px;margin-bottom:20px}.wallet-main{padding:22px}.wallet-main .wallet-big{font-size:30px}.wallet-stat{padding:18px 15px}.wallet-stat>strong{max-width:100%;font-size:21px}.wallet-stat>small{font-size:8px;line-height:1.8}.wallet-stat>p{font-size:10px}.payment-flow{margin-block:20px 24px;padding:21px 0}.payment-flow-title h2{font-size:12px}.payment-flow-title p,.reseller-note{font-size:9px}.flow-steps{gap:18px;margin-block:22px}.notification-panel{width:270px;right:-35px}.toast-message{padding:12px;font-size:10px;left:50%}.modal-backdrop{padding:14px}.modal{max-height:calc(100dvh - 28px)}.modal-head{padding:16px 18px}.modal-head h2{font-size:14px}.modal-body{padding:18px}.modal-foot{gap:6px;padding:14px 18px}.modal-foot .button{padding:9px 11px;font-size:10px}.detail-list>div{gap:10px}.detail-list .monospace,.detail-list dd,.detail-list dt,.order-item>strong{font-size:10px}.order-item{gap:8px}.order-item small,.order-modal-status>span:last-child{font-size:9px}.amount-options{gap:5px}.amount-options button{font-size:8px}.form-stack{gap:17px}.checkbox-label,.quote-summary>div{font-size:10px}.quote-summary>div strong{font-size:11px}.delivery-header .button,.settings-list dd,.settings-list dt{font-size:10px}.settings-section{padding:22px 0}.settings-section-heading p{font-size:9px}.error-banner,.error-banner .text-button,.notice{font-size:10px}.error-banner{align-items:flex-start}}@media (width<=380px){.content,.topbar{padding-inline:13px}.stat-card{padding:11px}.stat-value{font-size:21px}.stat-label{font-size:8px}.stat-note{font-size:7px}.stat-icon{width:25px;height:25px}.data-table.compact .table-product{min-width:107px}.data-table.compact td,.data-table.compact th{padding-inline:9px}.data-table.compact td:last-child,.data-table.compact th:last-child{display:none}.wallet-stat>strong{font-size:18px}.product-grid{gap:10px}.catalog-card{padding:13px}.catalog-card h3{font-size:11px}.page-heading p{max-width:170px}.page-footer>span:last-child{max-width:210px}.modal-backdrop{padding:8px}.modal{max-height:calc(100dvh - 16px)}.modal-body{padding:15px}.modal-foot{padding:12px}.modal-foot .button{padding:8px 9px;font-size:9px}}.table-scroll{max-width:100%;position:relative}.key-form{flex-direction:column;gap:12px;min-width:0;margin:0 0 24px;display:flex}.key-form>label{font-size:11px}.key-input{color:#8fa096;background:#fff;border:1px solid #dfe5e1;border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.key-input:focus-within{border-color:#5caa85;box-shadow:0 0 0 3px #16845b0a}.key-input input{width:100%;box-shadow:none;background:0 0;border:0;flex:1;padding:12px 0;font-family:Consolas,monospace;font-size:13px}.key-hint{color:#8b9d91;font-size:10px;line-height:1.9}.key-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.key-success{color:#478b5f;background:#eff8f2;border:1px solid #dfeee4;border-radius:5px;align-items:flex-start;gap:8px;padding:12px;font-size:11px;line-height:1.8;display:flex}.key-success svg{margin-top:2px}.key-local-note{margin-bottom:20px}.transaction-name{min-width:215px}.chart-bottom,.chart-legend,.connection-bottom,.connection-card p,.data-table th,.date-cell,.featured-name small,.featured-price small,.page-footer,.scope-note,.stat-label,.stat-note,.table-product small,.workspace small{font-size:10px}.data-table.compact .badge,.data-table.compact .date-cell,.data-table.compact .table-product small,.data-table.compact th{font-size:9px}.data-table th,.date-cell,.featured-name small,.stat-label,.table-product small{color:#7d8c82}.featured-name strong,.featured-price,.nav-item{font-size:11px}@media (width<=760px){.stat-label{font-size:9px}.data-table.compact .badge,.data-table.compact .table-product small,.data-table.compact th,.page-footer,.scope-note,.stat-note{font-size:8px}.data-table th,.date-cell,.table-product small{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.commerce-settings{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 44px;min-width:0;display:grid}.commerce-save,.commerce-settings>.inline-error,.commerce-webhook,.span-two{grid-column:1/-1}.commerce-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.commerce-fields label,.retail-price label{flex-direction:column;gap:9px;min-width:0;font-size:11px;display:flex}.commerce-fields input,.retail-price input{width:100%;min-width:0}.commerce-switch{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:11px;display:flex}.commerce-switch>span{flex-direction:column;gap:7px;display:flex}.commerce-switch small{color:#7f8f85;font-size:10px;line-height:1.8}.commerce-switch input{accent-color:#16845b;flex-shrink:0;width:17px;height:17px}.copy-field{align-items:center;gap:6px;min-width:0;display:flex}.copy-field input{flex:1;min-width:0}.commerce-save{padding-top:20px}.commerce-save .key-success{margin-bottom:18px}.commerce-webhook .commerce-fields{max-width:750px}.retail-toolbar{justify-content:space-between;gap:15px;margin-bottom:22px}.retail-import,.retail-toolbar{align-items:center;display:flex}.retail-import{border-top:1px solid #e2e8e4;border-bottom:1px solid #e2e8e4;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:22px 0;font-size:11px}.retail-import select{flex:1;min-width:180px}.retail-products{grid-template-columns:1fr 1fr;gap:18px;display:grid}.retail-product{background:#fff;border:1px solid #e1e8e4;border-radius:7px;min-width:0;padding:21px}.retail-product-title{align-items:center;gap:12px;margin-bottom:20px;display:flex}.retail-product-title>div{flex:1;min-width:0}.retail-product-title h3{margin:0 0 3px;font-size:13px;line-height:1.7}.retail-product-title p,.retail-product-title small{color:#718278;font-size:10px}.retail-product-title p{margin-top:7px}.retail-price{align-items:flex-end;gap:12px;display:flex}.retail-price>label:first-child{flex:1;min-width:80px}.retail-price .retail-publish{white-space:nowrap;flex-direction:row;align-items:center;gap:7px;min-height:40px}.retail-publish input{accent-color:#16845b;width:15px;height:15px}.retail-order-table{overflow-x:auto}.retail-order-table table{min-width:750px}.retail-order-code{overflow-wrap:anywhere;font-size:10px}.block{margin-top:6px;display:block}.retail-action{margin-top:22px}.retail-action textarea{resize:vertical;width:100%;font:inherit;border:1px solid #dfe5e1;border-radius:5px;min-height:85px;padding:10px}.retail-action select{width:100%}.shop-shell{--shop-ink:#182b24;--shop-muted:#75817d;min-height:100vh;color:var(--shop-ink);background:#fafbfc;flex-direction:column;font-size:14px;display:flex}.shop-header{background:#fff;border-bottom:1px solid #e5e9e7;gap:48px;min-height:86px;padding:20px max(24px,50% - 610px)}.shop-account,.shop-brand,.shop-header,.shop-header nav{align-items:center;display:flex}.shop-brand{gap:10px;min-width:0}.shop-brand img{border-radius:7px;flex-shrink:0;width:33px;height:33px}.shop-brand strong{overflow-wrap:anywhere;max-width:310px;font-size:23px;line-height:1.4}.shop-brand strong>span{color:#16845b}.shop-header nav{flex-shrink:0;gap:27px;font-size:13px}.shop-header nav a{color:#7b8681;padding:10px 0;position:relative}.shop-header nav a.active{color:#172e24;font-weight:600}.shop-header nav a.active:after{content:"";background:#16845b;height:2px;position:absolute;inset:auto 0 -22px}.shop-account{gap:10px;min-width:0;margin-left:auto}.shop-user{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:12px;overflow:hidden}.shop-button{border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 16px;font-family:inherit;font-size:12px;font-weight:550;line-height:1.5;transition:background .15s,box-shadow .15s;display:inline-flex}.shop-button.dark{color:#fff;background:#173c2d;border-color:#173c2d}.shop-button.dark:hover{background:#24533e}.shop-button.secondary{color:#293b32;background:#fff;border-color:#dce5df}.shop-button.secondary:hover{background:#f2f7f4;border-color:#b8cec2}.shop-button:disabled{opacity:.45;cursor:not-allowed}.shop-main{flex:1;width:100%;max-width:1268px;margin:0 auto;padding:0 24px 56px}.shop-intro{border-bottom:1px solid #e2e8e4;justify-content:space-between;align-items:flex-end;gap:25px;padding:55px 0 34px;display:flex}.shop-eyebrow{color:#6d7f76;letter-spacing:0;margin-bottom:12px;font-size:10px;font-weight:600;display:block}.shop-intro h1{overflow-wrap:anywhere;max-width:700px;margin:0 0 12px;font-size:42px;line-height:1.25}.shop-intro p,.shop-orders-heading p{color:#75867c;font-size:14px;line-height:1.8}.shop-trust{color:#667c6e;flex-shrink:0;gap:24px;padding-bottom:3px;font-size:11px;display:flex}.shop-trust span{align-items:center;gap:8px;display:flex}.shop-trust svg{color:#398565}.shop-closed{color:#887037;background:#fffcf2;border:1px solid #eadfbf;border-radius:5px;align-items:flex-start;gap:10px;margin-top:24px;padding:16px 18px;font-size:12px;line-height:1.8;display:flex}.shop-closed svg{flex-shrink:0;margin-top:1px}.shop-catalog-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 33px;display:flex}.shop-categories{flex-wrap:wrap;gap:7px;display:flex}.shop-categories button{color:#76857c;background:#fff;border:1px solid #e1e7e4;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:10px 13px;font-size:11px;display:flex}.shop-categories button.active{color:#247550;background:#eaf4ee;border-color:#c9dfd2}.shop-categories button:hover{border-color:#9cbcaa}.shop-search{color:#83968a;background:#fff;border:1px solid #e1e7e4;border-radius:5px;align-items:center;gap:9px;width:260px;min-width:0;padding:0 12px;display:flex}.shop-search input{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;align-self:center;padding:11px 0;font-size:11px}.shop-result-heading{align-items:center;gap:13px;margin-bottom:20px;display:flex}.shop-result-heading h2{font-size:17px;font-weight:600}.shop-result-heading>span{color:#8b968e;font-size:11px}.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.shop-product{background:#fff;border:1px solid #e1e8e4;border-radius:7px;flex-direction:column;min-width:0;padding:23px;transition:border-color .16s,box-shadow .16s;display:flex}.shop-product:hover{border-color:#afc8b9;box-shadow:0 6px 16px #1c382909}.shop-product-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:25px;display:flex}.shop-product .product-logo{border-radius:8px;flex-shrink:0;width:47px;height:47px}.shop-product .product-logo img{-o-object-fit:contain;object-fit:contain;width:30px;height:30px}.shop-stock{color:#51906a;white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.shop-stock>span{background:#50a274;border-radius:50%;width:5px;height:5px}.shop-stock.out{color:#9c9f9d}.shop-stock.out>span{background:#a9b0ab}.shop-alert span,.shop-product-body{flex:1}.shop-product h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:16px;line-height:1.6}.shop-product-body>p{color:#7a8980;min-height:40px;margin:0;font-size:11px;line-height:1.8}.shop-product-price{flex-wrap:wrap;align-items:baseline;gap:6px;margin:17px 0 22px;display:flex}.shop-product-price strong{font-size:22px;font-weight:650}.shop-product-price>span{color:#9aa49e;font-size:9px}.shop-product>.shop-button{justify-content:space-between;width:100%}.shop-empty{color:#9aa89f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:300px;padding:70px 20px;display:flex}.shop-empty h2{color:#64796b;margin:0;font-size:17px;line-height:1.7}.shop-empty p{font-size:13px}.shop-footer{color:#8d9a92;background:#fff;border-top:1px solid #e1e8e4;flex-wrap:wrap;justify-content:space-between;gap:20px;padding:27px max(24px,50% - 610px);font-size:10px}.shop-alert,.shop-footer,.shop-footer>span,.shop-order-row,.shop-order-symbol{align-items:center;display:flex}.shop-footer>span{overflow-wrap:anywhere;gap:7px;min-width:0}.shop-footer-brand{color:#426450;font-size:16px;font-weight:650}.shop-alert{color:#a15a4e;background:#fff0ee;border:1px solid #efdad4;border-radius:5px;gap:10px;margin-top:25px;padding:14px;font-size:12px}.shop-orders-heading{padding:48px 0 30px}.shop-orders-heading h1{margin:0 0 10px;font-size:32px}.shop-orders{border-top:1px solid #e0e7e2}.shop-order-row{text-align:left;border-bottom:1px solid #e0e7e2;gap:18px;width:100%;padding:24px 8px;transition:background .15s}.shop-order-row:hover{background:#f1f6f3}.shop-order-symbol{color:#609177;background:#eaf3ee;border:1px solid #d9e8df;border-radius:7px;flex-shrink:0;justify-content:center;width:46px;height:46px}.shop-order-name{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.shop-order-name strong{overflow-wrap:anywhere;font-size:14px;line-height:1.5}.shop-order-name span{color:#75867c;font-size:11px}.shop-order-name small{color:#96a299;overflow-wrap:anywhere;font-size:10px;line-height:1.7}.shop-order-total{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.shop-order-total>strong{font-size:15px}.shop-order-state{color:#9b813a;background:#f8f0dd;border:1px solid #eee4c9;border-radius:4px;justify-content:center;align-items:center;width:fit-content;padding:4px 8px;font-size:10px;line-height:1.6;display:inline-flex}.shop-order-state.completed{color:#3d8359;background:#edf7ef;border-color:#d8eadc}.shop-order-state.canceled,.shop-order-state.expired,.shop-order-state.refunded{color:#7c8b80;background:#f0f4f1;border-color:#dfe7e1}.shop-order-state.needs_review{color:#a37850;background:#fff0e9;border-color:#eddccf}.shop-pagination{color:#829285;justify-content:center;align-items:center;gap:15px;padding:25px;font-size:11px;display:flex}.shop-form{gap:22px}.shop-form,.shop-form label{flex-direction:column;display:flex}.shop-form label{gap:10px;font-size:12px}.shop-form input{width:100%;padding:12px;font-size:13px}.shop-auth-switch{color:#538166;text-align:center;padding:5px;font-size:12px}.shop-checkout-product{align-items:center;gap:15px;margin-bottom:27px;display:flex}.shop-checkout-product .product-logo{width:46px;height:46px}.shop-checkout-product h3{margin:0 0 4px;font-size:17px;line-height:1.7}.shop-checkout-product p{color:#7e9083;font-size:12px;line-height:1.7}.shop-checkout-row{border-top:1px solid #e2e9e4;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;font-size:12px;display:flex}.shop-checkout-row.total strong{font-size:22px}.shop-stepper{border:1px solid #dfe7e1;border-radius:5px;flex-shrink:0;align-items:center;height:40px;display:flex}.shop-stepper input{text-align:center;width:48px;min-width:0;box-shadow:none;appearance:textfield;background:0 0;border:0;padding:6px 0;font-size:13px}.shop-stepper input::-webkit-inner-spin-button{display:none}.shop-stepper .icon-button{width:34px;height:36px}.shop-order-summary{border-bottom:1px solid #e0e8e2;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:25px;display:flex}.shop-order-summary h3{margin:0;font-size:19px;line-height:1.6}.shop-order-summary p{color:#8a9a8f;font-size:12px;line-height:1.7}.shop-order-summary>strong{font-size:25px}.shop-payment{margin:10px 0 20px}.shop-payment>div{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;font-size:12px;display:flex}.shop-payment dt{color:#8a988f;flex-shrink:0}.shop-payment dd{text-align:right;overflow-wrap:anywhere;align-items:center;gap:7px;min-width:0;font-size:12px;display:flex}.shop-payment .shop-reference{font-family:Consolas,monospace;font-size:11px}.shop-payment-note{color:#668171;background:#f0f6f2;border:1px solid #dfeae3;border-radius:5px;margin-top:18px;padding:15px;font-size:12px;line-height:1.9}.shop-delivery{margin-top:25px}.shop-delivery-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.shop-delivery-toolbar h3{flex:1;font-size:14px}.shop-delivery article{background:#f7faf8;border:1px solid #e1e9e3;border-radius:5px;margin-bottom:13px;padding:17px}.shop-delivery article label{color:#8a9c90;flex-direction:column;gap:7px;margin-bottom:14px;font-size:10px;display:flex}.shop-delivery article strong{color:#3a5944;overflow-wrap:anywhere;font-size:13px;font-weight:550}.shop-delivery article p{white-space:pre-wrap;overflow-wrap:anywhere;color:#7a9080;font-size:11px;line-height:1.8}.shop-shell .inline-error{margin:15px 0}.shop-shell .modal-head h2{overflow-wrap:anywhere;font-size:15px}.shop-shell .modal-foot{flex-wrap:wrap}.shop-shell .modal-foot .shop-button{flex:1}.shop-shell .modal-body{font-size:13px}.commerce-switch,.shop-search{flex-direction:row}.commerce-switch{cursor:pointer}.shop-search svg{flex-shrink:0}.commerce-switch>span{flex:1;min-width:0}.shop-shell label.shop-search{font-weight:400}.telegram-chats{flex-direction:column;gap:9px;margin-top:18px;font-size:11px;display:flex}@media (width<=1100px){.shop-header{gap:30px}.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-trust{flex-direction:column;gap:10px}.retail-products{grid-template-columns:1fr}}@media (width<=760px){.commerce-settings{grid-template-columns:1fr;gap:0}.commerce-fields{gap:16px}.commerce-fields label,.retail-import .button,.retail-price .retail-publish,.retail-toolbar .button{font-size:10px}.retail-import{align-items:stretch;gap:12px}.retail-import>label{width:100%}.retail-product{padding:16px}.retail-price{gap:9px}.shop-header{flex-wrap:wrap;gap:14px;min-height:118px;padding:18px 20px}.shop-brand{flex:1}.shop-brand strong{max-width:210px;font-size:20px}.shop-brand img{width:29px;height:29px}.shop-header nav{order:3;gap:25px;width:100%;padding-top:5px;font-size:12px}.shop-header nav a{padding:5px 0}.shop-header nav a.active:after{bottom:-18px}.shop-account{gap:5px;margin-left:0}.shop-account .shop-button{min-height:36px;padding:9px 12px;font-size:11px}.shop-user{max-width:110px;font-size:11px}.shop-main{padding:0 20px 35px}.shop-intro{align-items:flex-start;padding:35px 0 27px}.shop-intro h1{font-size:33px}.shop-intro p{font-size:12px}.shop-eyebrow{margin-bottom:11px;font-size:8px}.shop-order-row>svg,.shop-trust{display:none}.shop-closed{padding:13px;font-size:11px}.shop-catalog-toolbar{flex-direction:column;align-items:stretch;gap:18px;margin:24px 0}.shop-categories{gap:6px}.shop-categories button{gap:6px;min-height:34px;padding:8px 10px;font-size:10px}.shop-categories svg{width:14px;height:14px}.shop-search{width:100%}.shop-search input{padding:12px 0;font-size:12px}.shop-result-heading h2{font-size:15px}.shop-result-heading>span{font-size:10px}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-product{padding:15px 13px}.shop-product-top{align-items:flex-start;gap:4px;margin-bottom:18px}.shop-product .product-logo{border-radius:7px;width:36px;height:36px}.shop-product .product-logo img{width:24px;height:24px}.shop-stock{gap:4px;padding-top:3px;font-size:8px}.shop-product h3{font-size:13px;line-height:1.7}.shop-product-body>p{min-height:37px;font-size:10px}.shop-product-price{gap:4px;margin:14px 0 17px}.shop-product-price strong{font-size:18px}.shop-product-price>span{font-size:8px}.shop-product>.shop-button{gap:5px;min-height:37px;padding:9px 10px;font-size:10px}.shop-product>.shop-button svg{width:14px;height:14px}.shop-footer{gap:17px;padding:22px 20px;font-size:9px}.shop-footer-brand{font-size:14px}.shop-footer>span:last-child{width:100%}.shop-orders-heading{padding:33px 0 25px}.shop-orders-heading h1{font-size:28px}.shop-orders-heading p{font-size:12px}.shop-order-row{flex-wrap:wrap;gap:12px;padding:21px 0}.shop-order-symbol{width:36px;height:36px}.shop-order-name{flex-basis:calc(100% - 48px)}.shop-order-name strong{font-size:13px}.shop-order-name span{font-size:10px}.shop-order-name small{font-size:9px}.shop-order-total{flex-direction:row;flex:1;justify-content:space-between;align-items:center;padding-left:48px}.shop-order-total>strong{font-size:14px}.shop-order-state{font-size:9px}.shop-checkout-product h3{font-size:16px}.shop-payment>div{gap:10px;font-size:10px}.shop-payment dd{gap:3px;font-size:11px}.shop-payment .shop-reference{font-size:9px}.shop-payment .icon-button{width:27px;min-width:27px}.shop-shell .modal-head h2{font-size:12px}.shop-form{gap:18px}.shop-empty{min-height:270px;padding:50px 12px}.shop-empty h2{font-size:15px}}@media (width<=370px){.shop-header,.shop-main{padding-inline:14px}.shop-product-grid{gap:10px}.shop-stock{font-size:7px}.shop-categories{gap:5px}.shop-categories button{padding-inline:8px}.shop-brand strong{max-width:175px}.commerce-fields{grid-template-columns:1fr}.commerce-fields .span-two{grid-column:auto}.retail-price{flex-wrap:wrap}.retail-price>.button{margin-left:auto}}
