:root{--green:#102540;--green-dark:#081a31;--mint:#f0f4fa;--ink:#17283f;--muted:#7e8999;--line:#edf0f5;--bg:#fff;--gold:#f7b000;--gold-soft:#fff8e6;--blue-soft:#f1f5fb;--radius:22px;--shadow:0 5px 25px #182d4d04;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background:#fff;color:var(--ink);font-size:14px}h1,h2,h3{color:#122640}a,button{touch-action:manipulation}.main{padding-top:28px;padding-bottom:40px}.page-head{margin-bottom:25px}h1{font-size:27px;letter-spacing:-1px;font-weight:700}.page-subtitle{font-size:13px;color:#718095}.panel{border-color:var(--line);box-shadow:var(--shadow);border-radius:22px}.panel-title{font-size:15px;color:#172b46}.panel-subtitle{color:#718095;font-size:11px}.btn{font-size:12px;min-height:45px;border-radius:12px;border-color:#e8edf4;font-weight:650;padding:12px 16px;transition:transform .15s,background .15s}.btn-primary{background:#112744;border-color:#112744;color:#fff;box-shadow:0 5px 13px #1025400c}.btn-primary:hover{background:#081c35}.btn-primary .icon{color:#9b8046}.btn-soft{background:#f1f5fb;border-color:#f1f5fb;color:#244569}.btn-text{color:#253f5e;background:transparent;min-height:35px;font-size:11px;box-shadow:none;padding:6px 0}.icon-btn{border-color:#edf0f5;background:#fff;border-radius:12px;width:42px;height:42px;color:#64758b}.icon-btn:hover{background:#f5f7fb}.btn-danger{background:#fff3f2;border-color:#ffe6e3;color:#b45b55}.btn.is-busy:before{content:"";width:15px;height:15px;border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;animation:button-spin .7s linear infinite;flex-shrink:0}.btn.is-busy>.icon{display:none}@keyframes button-spin{to{transform:rotate(360deg)}}
.sidebar{width:232px;border-right:1px solid #edf0f5;padding:31px 19px 20px;background:#fff}.brand{padding:0 8px 32px;display:flex;align-items:center;height:63px}.brand .brand-wordmark{width:172px;height:32px;object-fit:contain;display:block}.workspace{margin-left:232px}.brand-name{display:none}.nav-label{color:#718095;font-size:9px;letter-spacing:1.8px;margin:20px 15px 13px}.nav-link{font-size:12px;font-weight:550;padding:13px 14px;border-radius:12px;color:#718095;gap:12px}.nav-link.active{background:#fff7df;color:#172e4e;font-weight:650}.nav-link.active .icon{color:#d89a02}.nav-link:hover{color:#172e4e;background:#f7f9fc}.side-tip{background:#fafbfe;border:1px solid #eef1f6;padding:16px;border-radius:14px}.side-tip .icon{color:#e7a50d}.side-tip b{font-size:11px;color:#4f627b}.side-tip p{font-size:10px;color:#718095}.side-bottom{padding-top:22px}.avatar{background:#fff4d7;color:#a87808;border-radius:50%;font-size:11px;font-weight:700}.account-card{border-color:#edf0f5}.account-card b{color:#32465f}.account-card small{color:#718095}.topbar{height:81px;border-bottom:1px solid #f0f2f6;padding:0 34px;background:#fff}.breadcrumbs{font-size:11px;color:#718095}.breadcrumbs strong{color:#55677f}.mode-chip{border-color:#eef1f6;color:#718095;font-size:10px;background:#fff}.top-date{border-color:#edf0f5;color:#718095}.top-actions{gap:12px}.top-actions .avatar{width:34px;height:34px}.mobile-brand{display:none}.mode-dot{background:#f6b400}.demo-banner{background:#fffbf0;border-color:#f5edda;color:#a78d56;padding:9px 13px;border-radius:11px;font-size:10px;margin-bottom:23px}.demo-banner .btn{background:transparent;border-color:#efe5cd;color:#9f8041;min-height:29px;font-size:9px;padding:6px 8px}.footer-note{color:#718095;font-size:9px;margin-top:31px}.sync-status{color:#718095;font-size:9px}
.home-greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.home-greeting p{font-size:12px;color:#718095;margin-bottom:8px}.home-greeting h1{font-size:27px;font-weight:700;letter-spacing:-.8px}.greeting-dot{color:#edb020;font-size:25px;display:inline-block;margin-left:10px}.notification-button{height:42px;width:42px;border:1px solid #edf0f5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#718095;position:relative}.notification-button .icon{width:21px;height:21px}.notification-dot{position:absolute;width:7px;height:7px;background:#f3b41c;border:2px solid #fff;box-sizing:content-box;border-radius:50%;top:8px;right:9px}.balance-card{border:1px solid #e9edf4;background:#fff;border-radius:24px;padding:25px 27px 19px;position:relative;overflow:hidden;box-shadow:0 9px 32px #223a6005}.balance-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fff8df,transparent 69%);top:-75px;right:50px;pointer-events:none;opacity:.9}.balance-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative}.balance-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#718095}.balance-top>span .icon{width:17px;height:17px;color:#718095}.period-select{border-color:#eaf0f6;color:#718095;border-radius:9px;font-size:10px;background-color:#fff;min-height:35px;padding:8px 32px 8px 11px;max-width:175px}.balance-amount{display:flex;gap:8px;align-items:baseline;margin-top:18px;line-height:1.3;color:#102744;position:relative}.balance-amount small{font-size:21px;font-weight:550;letter-spacing:-.8px}.balance-amount strong{font-size:42px;letter-spacing:-1.8px;font-weight:720}.balance-caption{font-size:10px;color:#718095;margin-top:9px}.balance-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eff2f7;margin-top:21px;padding-top:16px;font-size:10px}.balance-footer>span{display:flex;align-items:center;gap:5px;color:#718095}.balance-footer>span .icon{width:12px;height:12px;color:#718095}.balance-footer>a{color:#718095;display:flex;align-items:center;gap:5px;font-weight:550}.balance-footer>a .icon{width:13px;height:13px}.insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 29px}.insight-grid>div{border:1px solid #edf0f5;border-radius:17px;padding:16px 17px;position:relative;background:#fff;min-width:0}.insight-grid small{display:block;font-size:11px;color:#718095;margin-bottom:10px}.insight-grid strong{display:block;font-size:19px;letter-spacing:-.5px;font-weight:650;white-space:nowrap}.insight-grid em{font-style:normal;font-size:10px;font-weight:400;color:#718095;letter-spacing:0}.insight-icon{float:right;background:#f6f8fc;color:#718095;display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:9px;margin-top:-2px;margin-left:5px}.insight-icon .icon{width:14px;height:14px}.insight-icon.warm{background:#fff8e7;color:#9b8046}.services-section{margin:1px 0 27px;padding-bottom:25px;border-bottom:1px solid #f0f2f6}.section-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:23px}.section-top h2{font-size:15px;letter-spacing:-.3px;font-weight:650}.section-top>span{font-size:10px;color:#718095}.services-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.service-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;font-size:10px;text-align:center;color:#718095;line-height:1.5;padding:2px 0;min-width:0}.service-icon{width:51px;height:51px;border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;background:#f1f5fb;color:#3b5b84;transition:transform .2s,background .2s}.service-icon .icon{width:24px;height:24px;stroke-width:1.65}.service-icon.gold{background:#ffbd1b;color:#213953;box-shadow:0 6px 13px #f6b21a14}.service-item:hover .service-icon{transform:translateY(-3px);background:#e9f0fa}.service-item:hover .gold{background:#f7b20b}.service-icon:after{content:"";width:10px;height:5px;background:currentColor;border-radius:50%;position:absolute;bottom:8px;right:11px;opacity:.06}.stock-reminder{display:flex;align-items:center;gap:13px;border:1px solid #f1ede4;background:#fffdf8;border-radius:16px;padding:16px 18px;margin-bottom:26px}.stock-reminder>span{width:34px;height:34px;border-radius:11px;background:#fff5d6;color:#d5a044;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stock-reminder>span .icon{width:18px;height:18px}.stock-reminder b{font-size:11px;font-weight:600;color:#927f56}.stock-reminder p{font-size:10px;color:#b2a389;margin-top:5px;line-height:1.6}.stock-reminder>.icon{margin-left:auto;color:#9b8046;width:15px}.start-banner{display:flex;align-items:flex-start;gap:14px;border:1px solid #f1ecd9;border-radius:18px;padding:19px;background:#fffdf7;margin-bottom:25px}.start-symbol{width:39px;height:39px;display:flex;align-items:center;justify-content:center;background:#fff2cc;color:#c89522;border-radius:12px;flex-shrink:0}.start-banner h3{font-size:13px;margin:1px 0 7px}.start-banner p{font-size:11px;color:#a69e89;line-height:1.7}.start-banner>div>div{display:flex;gap:16px;margin-top:14px}.start-banner .btn{font-size:10px;min-height:36px;padding:9px 12px}.start-banner .btn-text{padding:0}.home-lower-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px;align-items:start}.home-lower-grid .chart-wrap{padding-top:24px;padding-bottom:20px}.home-lower-grid .sales-chart{height:235px}.home-lower-grid .panel-head{padding-top:22px}.table-header{background:#fbfcfe;color:#718095;border-color:#f0f2f7}.order-row{border-color:#f2f4f8;min-height:81px}.order-row:hover{background:#fdfdff}.customer-avatar{background:#f0f4fa!important;color:#718095!important}.customer-avatar.rose{background:#fff4e9!important;color:#9b8046!important}.customer-avatar.lilac{background:#f3f1fc!important;color:#718095!important}.order-meta{color:#718095;font-size:10px}.customer-name{font-size:12px;color:#405671}.row-price{color:#1f3859;font-size:12px}.badge{font-size:9px;font-weight:550;border-radius:6px;padding:5px 7px}.badge-green{background:#edf7f2;color:#5e9c82}.badge-orange{background:#fff7e5;color:#b99447}.badge-blue{background:#edf4fe;color:#718095}.badge-purple{background:#f3effa;color:#718095}.badge-red{background:#fff0ed;color:#c58c80}.table-footer{border-color:#edf0f5;color:#718095;font-size:10px}.chart-legend{color:#718095}.chart-legend:before{background:#edb435}.chart-empty{color:#718095}.stat-card.primary{background:#102744;border-color:#102744}.stat-icon{background:#f1f5fb;color:#718095}.stat-card .green{color:#6b987e}.stat-card .orange{color:#ba9e63}.stat-value{color:#1e3656}.stat-card.primary .stat-value{color:#fff}.stat-label{color:#718095}.stat-foot{color:#718095}.stat-card.primary .stat-foot{color:#718095}.stat-card.primary .stat-label{color:#718095}.stat-card.primary .stat-icon{color:#9b8046;background:#ffffff12}
.checkout-heading{display:flex;align-items:center;gap:15px;margin-bottom:26px}.checkout-heading>.icon-btn{border-radius:50%;height:41px;width:41px}.checkout-heading h1{font-size:25px;line-height:1.3;letter-spacing:-.8px}.checkout-heading p{font-size:11px;color:#718095;margin-top:6px;line-height:1.7}.checkout-step-indicator{margin-left:auto;font-size:11px;font-weight:600;color:#718095;padding:7px 11px;border:1px solid #edf0f5;border-radius:8px}.checkout-steps{display:flex;gap:7px;background:#fafbfe;padding:7px;border:1px solid #eef1f7;border-radius:14px;margin-bottom:25px;max-width:620px}.checkout-steps button{border:0;background:transparent;min-height:42px;flex:1;border-radius:10px;color:#718095;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:500}.checkout-steps button>span{width:22px;height:22px;border:1px solid #e1e7f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:#fff}.checkout-steps .active{background:#fff;color:#18375c;font-weight:650;box-shadow:0 2px 7px #10274405}.checkout-steps .active>span{background:#f9bb24;border-color:#f9bb24;color:#18375c}.checkout-steps .done>span{background:#edf3fb;border-color:#edf3fb;color:#718095}.checkout-steps .done .icon{width:13px;height:13px}.form-layout{grid-template-columns:minmax(0,1fr) 305px;gap:25px}.checkout-section{padding:25px;margin-bottom:20px}.checkout-section-head{display:flex;align-items:center;gap:12px;margin-bottom:23px}.section-symbol{height:35px;width:35px;display:flex;align-items:center;justify-content:center;background:#fff8e5;color:#c89c3d;border-radius:11px;flex-shrink:0}.section-symbol>.icon{width:18px;height:18px}.checkout-section-head h2{font-size:14px;font-weight:650;color:#2d4667}.checkout-section-head p{font-size:10px;color:#718095;margin-top:5px;line-height:1.7}.mini-count{margin-left:auto;font-size:11px;color:#718095;padding:6px 9px;border-radius:8px;background:#f5f8fc}.product-search-button{border:1px solid #eaf0f7;background:#fbfcfe;border-radius:12px;display:flex;align-items:center;gap:11px;padding:15px 14px;width:100%;font-size:12px;color:#718095;min-height:50px;text-align:left;cursor:pointer}.product-search-button>.icon{width:18px;height:18px;color:#718095}.product-search-button>.icon:last-child{margin-left:auto;width:17px;color:#9b8046}.cart-lines{margin-top:19px}.cart-empty{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:31px 10px 24px;text-align:center}.cart-empty>div{background:#f8faff;color:#718095;width:68px;height:68px;border-radius:23px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid #eef3fa}.cart-empty>div>.icon{width:31px;height:31px;stroke-width:1.3}.cart-empty h3{font-size:13px;color:#718095;font-weight:550}.cart-empty p{font-size:11px;color:#718095;line-height:1.8;margin-top:8px}.cart-line{border:1px solid #eaf0f8;border-radius:15px;padding:17px;margin-bottom:13px;background:#fff}.cart-line-top{display:flex;align-items:center;gap:12px}.cart-line .product-thumb{width:45px;height:45px;border-radius:13px}.cart-product-info{min-width:0;flex:1}.cart-product-info h3{font-size:13px;font-weight:600;color:#385373}.cart-product-info p{font-size:10px;color:#718095;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-product-info small{display:block;font-size:10px;color:#718095;margin-top:8px}.remove-cart{width:31px;height:31px;border:0;align-self:flex-start;color:#718095}.remove-cart .icon{width:15px;height:15px}.cart-line-bottom{display:flex;align-items:center;gap:13px;margin-top:18px;padding-top:15px;border-top:1px solid #f2f5f9}.cart-line-bottom>span{font-size:9px;color:#718095;margin-right:auto}.cart-line-bottom>strong{font-size:12px;letter-spacing:-.25px;color:#546e8f;white-space:nowrap}.quantity-control{height:34px;border-color:#e8eff9;border-radius:9px;width:100px;min-width:100px;background:#fbfdff}.quantity-control button{width:29px;color:#718095}.quantity-control input{font-size:12px;color:#718095;height:32px;background:transparent;width:42px}.quantity-control button:hover{background:#f0f5fd}.quantity-control button>.icon{height:12px;width:12px}.add-another{margin-top:3px;min-height:43px;border:1px dashed #dfe8f5;background:#fcfdff;width:100%;color:#718095;font-size:11px;font-weight:550;border-radius:11px}.add-another>.icon{width:15px;height:15px}.checkout-tip{display:flex;align-items:flex-start;gap:7px;color:#718095;font-size:10px;line-height:1.9;padding:0 10px}.checkout-tip>.icon{width:14px;height:14px;margin-top:3px}.summary-panel{padding:24px;border-radius:19px;border-color:#eaf0f6;box-shadow:0 4px 25px #10274403}.summary-panel h2{color:#4a6588;font-size:13px;margin-bottom:25px}.summary-panel h2 .icon{color:#718095}.summary-row{color:#718095;font-size:11px;margin-bottom:16px}.summary-row b{color:#718095;font-weight:550}.summary-row.total{border-color:#e5ecf6;color:#718095}.summary-row.total b{color:#21446f;font-size:23px;font-weight:700;letter-spacing:-.8px}.summary-note{font-size:9px;color:#718095;line-height:1.9}.field>label,.field-label{font-size:12px;color:#718095;font-weight:500}.field input,.field select,.field textarea{border:1px solid #e5edf7;background:#fff;border-radius:12px;font-size:13px;color:#718095;height:49px;padding:13px 14px}.field input::placeholder,.field textarea::placeholder{color:#718095}.field small{color:#718095;font-size:10px}.input-prefix{height:49px;border-color:#e5edf7;border-radius:12px}.input-prefix>span{color:#718095;border-color:#ecf1f8;font-size:12px;padding:0 14px}.input-prefix input{background:#fff;height:47px}.input-prefix:focus-within{outline-color:#d3ad56}.field input:focus,.field select:focus,.field textarea:focus{outline-color:#d3ad56;outline-width:2px;outline-offset:1px}.field textarea{height:auto;min-height:88px;font-size:12px;line-height:1.9}.form-grid{gap:20px 16px}.label-hint{font-size:9px;color:#718095;font-weight:400}.field .required{color:#d5ae58}.discount-options{background:#f5f8fd;padding:5px;border-radius:12px;display:flex;gap:5px;margin-bottom:22px;border:1px solid #eff3f9}.discount-options button{font-size:11px;display:flex;gap:7px;align-items:center;justify-content:center;min-height:39px;color:#718095;border-radius:9px;font-weight:550;background:transparent;border:0;white-space:nowrap;flex:1}.discount-options button>.icon{width:15px;height:15px}.discount-options button.active{color:#b28c38;background:#fff9e9;box-shadow:0 2px 5px #10274403}.collapsible{border-color:#eef2f8;padding-top:18px;margin-top:23px}.collapsible summary{color:#718095;font-size:11px;min-height:34px}.collapsible summary>.icon{width:16px;color:#718095}.collapsible summary>.label-hint{margin-left:auto}.collapsible[open] summary{margin-bottom:20px}.payment-choices{gap:9px;margin-bottom:23px}.payment-choice span{min-height:65px;border:1px solid #e7edf7;background:#fff;border-radius:13px;display:flex;flex-direction:column;gap:8px;font-size:11px;color:#718095;padding:12px 8px}.payment-choice .icon{width:20px;height:20px;stroke-width:1.5}.payment-choice input:checked+span{background:#fffbf0;border-color:#e6ca89;color:#ac893e}.payment-choice input:focus-visible+span{outline-color:#cda44a}.final-review{margin-top:20px}.review-product-lines{margin-bottom:23px;padding-bottom:7px;border-bottom:1px solid #edf2f8}.review-product-lines>div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;font-size:11px;line-height:1.9;color:#718095;margin-bottom:13px}.review-product-lines strong{white-space:nowrap;color:#718095;font-weight:500}.checkout-bar{display:none}.form-error{border:1px solid #fae4de;background:#fff6f3;color:#bc8a7c;font-size:11px;border-radius:11px}
.product-picker-modal{width:min(550px,calc(100vw - 28px));border:1px solid #edf2f9;border-radius:25px;background:#fff}.product-picker-modal .modal-head{padding:23px 23px 20px;border-color:#eef3f9}.product-picker-modal .modal-content{padding:20px 22px 24px;min-height:260px}.modal-head h2{font-size:18px;color:#718095;letter-spacing:-.45px}.modal-head p{color:#718095;font-size:10px;margin-top:7px;line-height:1.8}.modal-head .icon-btn{border-color:#edf2f9;color:#718095}.picker-search{width:100%;max-width:none;margin-bottom:12px}.picker-search input{height:46px;border-color:#e8f0fa;border-radius:12px;color:#718095;font-size:12px;background:#fbfdff}.picker-search input::placeholder{color:#718095}.picker-search>.icon{top:14px;width:17px;height:17px;color:#718095}.picker-product{width:100%;text-align:left;padding:18px 0;display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #eff4fa;background:#fff;color:#718095;cursor:pointer}.picker-product:last-child{border:0}.picker-product:disabled{opacity:.4}.picker-product:hover{background:#fcfdff}.picker-product .product-thumb{height:47px;width:47px;border-radius:14px}.picker-info{display:block;flex:1;min-width:0}.picker-info strong{display:block;font-size:13px;font-weight:600;color:#718095}.picker-info small{display:block;font-size:10px;color:#718095;margin-top:6px;line-height:1.7}.picker-info b{display:block;font-size:12px;font-weight:600;color:#718095;margin-top:9px}.picker-add{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;border:1px solid #e5d4a6;color:#b89c5f;background:#fffdf5;flex-shrink:0}.picker-add>.icon{width:15px;height:15px}.picker-product:hover .picker-add{background:#fff6d9}.product-card{border-color:#ecf1f8;border-radius:20px;padding:21px}.product-card h3{font-size:14px;color:#718095}.product-card .variant{font-size:11px;color:#718095}.product-sku{color:#718095}.product-values{border-color:#eef3f9}.product-values strong{color:#718095;font-size:12px}.product-values small{color:#718095}.product-actions .btn{border-radius:9px;font-size:10px;min-height:39px;color:#718095}.search-field input{border-color:#e8f0fa;border-radius:12px;color:#718095;background:#fff}.search-field input::placeholder{color:#718095}.search-field>.icon{color:#718095}.filter-tabs{background:#fbfdff;border-color:#ecf2fa;border-radius:12px}.filter-tab{color:#718095;min-height:36px}.filter-tab.active{background:#fff7e4;color:#b39b66}.data-row{border-color:#edf4fb}.data-row-main b{color:#718095}.data-row-main small{color:#718095}.data-row-value{color:#718095}.data-row-value small{color:#718095}.more-grid{gap:15px}.more-card{border:1px solid #eaf1f9;border-radius:18px;background:#fff;padding:24px 20px;font-size:13px;color:#718095;min-height:100px}.more-card .icon{color:#c3a86a;width:25px;height:25px}.more-card p{color:#718095;font-size:10px;margin-top:7px}.more-card>.icon:last-child{color:#718095}.settings-option{border-color:#eaf2fb}.settings-option b{color:#718095}.settings-option small{color:#718095}.settings-option>.icon{color:#718095}.settings-option .btn{color:#718095}.settings-grid .form-section h2{color:#718095}.report-explanation{background:#fbfdff;border:1px solid #ecf3fb;color:#718095;border-radius:14px;line-height:1.9;font-size:10px}.report-explanation .icon{color:#718095}.financial-row{border-color:#edf4fc;color:#718095}.financial-row b{color:#718095}.financial-row.total,.financial-row.total b{color:#718095}.top-product b{color:#718095}.top-product small{color:#718095}.top-product strong{color:#718095}.login-page{background:#fff}.login-card{border-color:#edf3fb;box-shadow:0 12px 50px #7699c806;border-radius:26px;padding:38px}.login-card>img.login-logo{width:215px;height:40px;object-fit:contain;object-position:left;margin-bottom:35px}.login-card h1{font-size:24px;color:#718095}.login-card p{color:#718095;font-size:12px;line-height:1.9}.empty-state h3{color:#718095;font-size:14px}.empty-state p{color:#718095;font-size:11px}.empty-icon{background:#f9fbff;border:1px solid #edf4fc;color:#718095}.footer-note .icon{color:#718095}#toast{left:calc(50% + 116px);background:#112945;color:#fff;border-radius:14px;box-shadow:0 8px 30px #10274416;font-size:12px}
.launch-screen{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;transition:opacity .22s ease,visibility .22s ease}.launch-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.launch-logo-frame{position:relative;padding:28px 12px;animation:logo-float 2.4s ease-in-out infinite}.launch-logo-frame img{width:245px;max-width:70vw;height:auto;display:block}.launch-logo-frame:after{content:"";display:block;position:absolute;left:50%;bottom:-1px;width:100px;height:6px;transform:translateX(-50%);border-radius:50%;background:#0e2b4b05;filter:blur(4px)}.launch-screen .loading-copy{font-size:12px;color:#718095;letter-spacing:.1px;margin-top:16px}.loading-track{height:3px;width:94px;overflow:hidden;border-radius:4px;background:#f3f6fb;margin-top:28px;position:relative}.loading-track:before{content:"";height:3px;width:40px;position:absolute;left:-40px;background:#f6b719;border-radius:4px;animation:loading-line 1.2s cubic-bezier(.45,0,.5,1) infinite}.launch-footer{position:absolute;bottom:42px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;letter-spacing:1.4px;color:#718095;font-weight:500}.launch-footer svg{width:12px;height:12px;stroke:#cdd9e9}.launch-tagline{position:absolute;bottom:72px;font-size:10px;color:#718095;letter-spacing:.15px}@keyframes logo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loading-line{from{left:-40px}to{left:94px}}
@media(min-width:1600px){.balance-amount strong{font-size:47px}.services-grid{gap:23px}.service-icon{height:57px;width:57px}.service-item{font-size:11px}.main{padding-top:37px}}
@media(max-width:1250px){.sidebar{width:207px}.brand .brand-wordmark{width:159px}.workspace{margin-left:207px}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:25px;column-gap:15px}.home-lower-grid{grid-template-columns:1fr}.insight-grid strong{font-size:16px}.insight-icon{display:none}.insight-grid small{font-size:10px}.form-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.checkout-section{padding:21px}.cart-line-bottom{gap:9px}.cart-line-bottom>span{display:none}#toast{left:calc(50% + 103px)}}
@media(max-width:1050px){.sidebar{width:185px}.brand .brand-wordmark{width:143px}.workspace{margin-left:185px}.home-lower-grid .sales-chart{height:205px}.form-layout{grid-template-columns:minmax(0,1fr) 250px;gap:15px}.summary-panel{padding:20px}.summary-row{font-size:10px}.summary-row.total b{font-size:20px}.insight-grid{gap:11px}.insight-grid>div{padding:15px 13px}.insight-grid strong{font-size:15px}.balance-amount strong{font-size:37px}.checkout-heading p{font-size:10px}#toast{left:calc(50% + 92px)}}
@media(max-width:760px){
 body{background:#fff;font-size:14px}.workspace{margin:0}.sidebar{display:none}.topbar{height:74px;padding:0 21px;position:sticky;top:0;z-index:25;border-bottom:1px solid #f5f7fa;background:#fffffff5;backdrop-filter:blur(15px);gap:8px}.mobile-brand{display:flex;min-width:0;align-items:center;height:39px}.mobile-brand .brand-wordmark{width:155px;height:30px;object-fit:contain;object-position:left}.top-actions{gap:8px}.top-actions .avatar{width:31px;height:31px;font-size:10px}.mode-chip{font-size:9px;padding:6px 8px;gap:4px;white-space:nowrap;background:#fff;min-height:28px;max-width:110px}.mode-chip .icon{width:11px;height:11px}.breadcrumbs,.top-date{display:none}.main{padding:23px 21px 111px;max-width:620px;background:#fff}.page-head{align-items:center;margin-bottom:23px;gap:9px}h1{font-size:23px;line-height:1.4;font-weight:700;letter-spacing:-.85px}.page-subtitle{font-size:11px;line-height:1.9;color:#718095;margin-top:7px;max-width:240px}.head-actions .btn{min-height:41px;font-size:10px;gap:6px;padding:10px 12px;border-radius:11px}.head-actions .btn .icon{height:15px;width:15px}.demo-banner{font-size:9px;padding:8px 10px;border-radius:10px;margin-bottom:21px;gap:7px}.demo-banner .btn{font-size:8px;min-height:28px;padding:5px 7px;gap:4px}.demo-banner .btn .icon{height:12px;width:12px}.home-greeting{margin-bottom:23px}.home-greeting p{font-size:11px;margin-bottom:7px;color:#718095}.home-greeting h1{font-size:24px;letter-spacing:-.6px}.greeting-dot{font-size:22px;margin-left:7px}.notification-button{height:37px;width:37px;border-color:#edf2f9}.notification-button .icon{width:19px;height:19px}.notification-dot{height:5px;width:5px;right:7px;top:7px}.balance-card{padding:19px 18px 16px;border-radius:21px;border-color:#e9eff7;box-shadow:0 5px 25px #18365c04}.balance-top>span{font-size:11px;color:#718095;gap:6px}.balance-top>span .icon{height:15px;width:15px;color:#718095}.period-select{font-size:9px;max-width:135px;min-height:31px;border-radius:8px;padding:7px 29px 7px 9px;color:#718095}.balance-amount{gap:6px;margin-top:20px}.balance-amount strong{font-size:35px;letter-spacing:-1.2px;font-weight:730;color:#12345f}.balance-amount small{font-size:17px;color:#718095;letter-spacing:-.6px;font-weight:500}.balance-caption{font-size:9px;color:#718095;margin-top:8px}.balance-footer{margin-top:20px;padding-top:14px;font-size:8px;gap:6px;border-color:#eff4fb}.balance-footer>span{font-size:8px;color:#718095;gap:4px}.balance-footer>span .icon{width:11px;height:11px}.balance-footer>a{font-size:8px;color:#718095;gap:4px}.balance-footer>a .icon{height:11px;width:11px}.insight-grid{gap:9px;margin:12px 0 27px;grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid>div{padding:13px 10px 14px;border-radius:13px;border-color:#edf2f9;min-height:75px}.insight-grid small{font-size:8px;color:#718095;margin-bottom:11px;white-space:nowrap}.insight-grid strong{font-size:12px;letter-spacing:-.2px;font-weight:650;color:#718095}.insight-grid em{font-size:8px;color:#718095}.insight-icon{display:none}.services-section{margin-bottom:21px;padding-bottom:24px;border-color:#f0f5fb}.section-top{margin-bottom:21px;gap:8px}.section-top h2{font-size:13px;font-weight:650;letter-spacing:-.3px;color:#718095}.section-top>span{font-size:9px;color:#718095}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 9px}.service-item{font-size:9px;gap:10px;color:#718095;line-height:1.5;min-height:76px}.service-icon{width:46px;height:46px;border-radius:15px;color:#718095;background:#f4f8fd}.service-icon .icon{width:23px;height:23px;stroke-width:1.6}.service-icon.gold{background:#ffc12a;color:#1b3e68;box-shadow:0 5px 11px #f7b61b18}.stock-reminder{padding:13px 12px;border-radius:14px;gap:10px;margin-bottom:26px;border-color:#f3eddf;background:#fffdf7}.stock-reminder>span{width:29px;height:29px;border-radius:10px;background:#fff8e5;color:#9b8046}.stock-reminder>span .icon{width:15px;height:15px}.stock-reminder b{font-size:9px;color:#b5a175}.stock-reminder p{font-size:8px;color:#9b8046;margin-top:5px;line-height:1.8}.stock-reminder>.icon{width:13px;height:13px;color:#9b8046}.start-banner{padding:17px 14px;gap:11px;border-radius:16px;margin-bottom:22px}.start-symbol{height:33px;width:33px;border-radius:10px}.start-symbol .icon{height:18px;width:18px}.start-banner h3{font-size:11px;color:#b6a06d}.start-banner p{font-size:9px;color:#9b8046;line-height:1.8}.start-banner .btn{min-height:34px;padding:8px 10px;font-size:9px}.start-banner .btn-text{padding:0}.start-banner>div>div{gap:13px;margin-top:12px}.home-lower-grid{display:flex;flex-direction:column;gap:22px}.home-lower-grid>.panel{width:100%;border-radius:19px}.panel-head{padding:20px 17px 0;gap:10px}.panel-title{font-size:13px;color:#718095}.panel-subtitle{font-size:9px;color:#718095;line-height:1.9;margin-top:6px}.panel-head .btn-text{font-size:9px;gap:4px;color:#718095}.panel-head .btn-text .icon{height:13px;width:13px}.home-lower-grid .panel-head{padding:20px 17px 0}.order-panel .panel-head{padding-bottom:14px}.home-lower-grid .sales-chart{height:180px}.order-row,.dashboard-order-list .order-row,.order-panel.full-list .order-row{padding:16px 16px;min-height:82px;gap:8px;grid-template-columns:minmax(0,1fr) auto 12px}.order-row .order-customer{gap:10px}.customer-name{font-size:11px;color:#718095}.order-meta{font-size:9px;margin-top:6px;color:#718095}.customer-avatar{width:32px;height:32px;font-size:9px;border-radius:11px}.row-price{font-size:11px!important;color:#718095}.order-row .payment-cell{margin-top:1px}.badge{font-size:8px;padding:4px 6px;border-radius:5px}.row-chevron{width:12px;height:12px;color:#718095}.table-footer{font-size:8px;padding:12px 17px}.bottom-nav{padding:9px 12px calc(12px + env(safe-area-inset-bottom));background:#fffffff7;border-color:#eff4fa;box-shadow:0 -4px 20px #234b8003;gap:2px;min-height:75px;align-items:center}.bottom-link{font-size:9px;color:#718095;gap:6px;min-height:45px;min-width:50px;font-weight:500}.bottom-link .icon{width:21px;height:21px;stroke-width:1.6}.bottom-link.active{color:#718095;font-weight:650}.bottom-link.active .icon{stroke-width:1.8}.bottom-link.new-order{margin-top:-24px;gap:5px;color:#718095}.bottom-link.new-order .new-icon{height:42px;width:42px;border-radius:16px;background:#ffc12a;border:4px solid #fff;color:#254f85;box-shadow:0 4px 12px #f6c3471c}.bottom-link.new-order .new-icon .icon{height:23px;width:23px;stroke-width:1.8}.bottom-link.new-order.active{color:#b39b65}.footer-note{font-size:8px;color:#718095;margin-top:26px;gap:12px;line-height:1.9}.sync-status{font-size:8px;color:#718095}.page-new{padding-top:20px;background:#fff;padding-bottom:200px}.checkout-heading{gap:12px;margin-bottom:24px}.checkout-heading>.icon-btn{height:36px;width:36px;border-color:#edf3fa;color:#718095;flex-shrink:0}.checkout-heading>.icon-btn .icon{height:18px;width:18px}.checkout-heading h1{font-size:21px;color:#718095;letter-spacing:-.65px}.checkout-heading p{font-size:9px;color:#718095;margin-top:5px}.checkout-step-indicator{font-size:9px;padding:6px 8px;border-color:#eff5fc;color:#718095;white-space:nowrap}.checkout-steps{max-width:none;margin-bottom:22px;padding:5px;border-radius:12px;gap:4px;background:#fcfdff;border-color:#eff5fc}.checkout-steps button{font-size:10px;gap:6px;min-height:38px;border-radius:9px;color:#718095}.checkout-steps button>span{height:19px;width:19px;font-size:9px;border-color:#e7f0fc;color:#718095}.checkout-steps .active{color:#9b834e}.checkout-steps .active>span{background:#ffe6aa;border-color:#ffe6aa;color:#aa935f}.checkout-steps .done{color:#718095}.checkout-steps .done>span{background:#f5f9ff;color:#718095}.form-layout{display:block}.checkout-section{padding:19px 15px;border-radius:18px;border-color:#ebf3fd;margin-bottom:18px;box-shadow:0 5px 20px #8db5e904}.checkout-section-head{gap:10px;margin-bottom:21px}.section-symbol{width:31px;height:31px;border-radius:10px;background:#fffbf0;color:#9b8046}.section-symbol>.icon{width:16px;height:16px}.checkout-section-head h2{font-size:12px;color:#718095}.checkout-section-head p{font-size:9px;color:#718095;margin-top:4px;line-height:1.8}.mini-count{font-size:9px;padding:5px 7px;background:#f9fbff;color:#718095}.product-search-button{min-height:45px;padding:13px 12px;gap:9px;border-color:#eaf3fe;background:#fdfeff;font-size:10px;color:#718095;border-radius:11px}.product-search-button>.icon{height:15px;width:15px;color:#718095}.product-search-button>.icon:last-child{height:14px;width:14px;color:#9b8046}.cart-empty{padding:30px 8px 28px}.cart-empty>div{height:61px;width:61px;border-radius:20px;background:#fcfdff;border-color:#eff6fe;margin-bottom:15px;color:#718095}.cart-empty>div>.icon{width:29px;height:29px}.cart-empty h3{font-size:11px;color:#718095}.cart-empty p{font-size:9px;color:#718095;margin-top:7px}.cart-lines{margin-top:16px}.cart-line{padding:14px 12px;border-color:#edf5fe;border-radius:13px;margin-bottom:12px}.cart-line-top{gap:10px}.cart-line .product-thumb{width:39px;height:39px;border-radius:11px}.cart-line .product-thumb .icon{width:20px;height:20px}.cart-product-info h3{font-size:11px;color:#718095}.cart-product-info p{font-size:9px;color:#718095;margin-top:5px}.cart-product-info small{font-size:9px;color:#718095;margin-top:7px}.remove-cart{height:27px;width:27px;color:#718095}.remove-cart .icon{height:13px;width:13px}.cart-line-bottom{gap:10px;padding-top:14px;margin-top:15px;justify-content:space-between;border-color:#f1f7fe}.cart-line-bottom>span{display:none}.cart-line-bottom>strong{font-size:11px;color:#718095;letter-spacing:-.15px}.quantity-control{min-width:102px;width:102px;height:35px;border-color:#eaf4ff;background:#fcfeff;border-radius:9px}.quantity-control button{width:30px;color:#718095}.quantity-control input{font-size:13px;width:40px;height:33px;color:#718095;padding:0 2px}.quantity-control button>.icon{width:13px;height:13px}.add-another{min-height:42px;font-size:10px;border-color:#e7f2ff;background:#fff;color:#718095;border-radius:10px}.add-another>.icon{width:14px;height:14px}.checkout-tip{font-size:9px;color:#718095;padding:0 7px;gap:6px}.checkout-tip .icon{width:13px;height:13px}.summary-panel{display:none}.checkout-bar{display:flex;position:fixed;left:50%;transform:translateX(-50%);bottom:86px;width:min(578px,calc(100% - 32px));padding:12px 14px;z-index:22;background:#fffffff7;backdrop-filter:blur(16px);border:1px solid #ebf3fd;border-radius:17px;box-shadow:0 6px 24px #37649d06;align-items:center;justify-content:space-between;gap:14px}.checkout-bar small{display:block;font-size:9px;color:#718095;margin-bottom:5px}.checkout-bar strong{font-size:19px;color:#718095;letter-spacing:-.55px;font-weight:650;white-space:nowrap}.checkout-bar .btn{font-size:11px;min-height:45px;padding:12px 17px;border-radius:11px;gap:7px;background:#163a67;border-color:#163a67;color:#fff;box-shadow:0 4px 12px #7ba3d50a}.checkout-bar .btn>.icon{width:16px;height:16px;color:#9b8046}.field>label,.field-label{font-size:11px;color:#718095}.field input,.field select,.field textarea{border-color:#e8f3ff;border-radius:11px;font-size:16px;color:#718095;height:48px;padding:12px}.field input::placeholder,.field textarea::placeholder{color:#718095}.field select{font-size:12px;background-color:#fff}.field textarea{font-size:13px;min-height:91px;height:auto;color:#718095;line-height:1.8}.field input:focus,.field select:focus,.field textarea:focus{outline-color:#ead8a9}.field{gap:9px}.form-grid{gap:21px 13px}.input-prefix{height:48px;border-color:#e8f3ff;border-radius:11px}.input-prefix>span{font-size:11px;color:#718095;padding:0 12px;border-color:#eff7ff}.input-prefix input{height:46px;font-size:16px}.field small{font-size:9px;color:#718095}.label-hint{font-size:8px;color:#718095}.discount-options{padding:4px;gap:4px;background:#fcfdff;border-color:#f1f7fe;border-radius:10px;margin-bottom:21px}.discount-options button{font-size:10px;min-height:38px;padding:8px 5px;gap:6px;border-radius:8px;color:#718095}.discount-options button.active{background:#fffaf0;color:#9b8046}.discount-options button>.icon{width:14px;height:14px}.collapsible{border-color:#f0f7ff;padding-top:17px;margin-top:23px}.collapsible summary{font-size:10px;color:#718095;gap:7px}.collapsible summary>.icon{color:#718095;height:14px;width:14px}.payment-choices{gap:7px;margin-bottom:22px}.payment-choice span{font-size:10px;min-height:69px;gap:9px;border-color:#e9f4ff;border-radius:11px;color:#718095;padding:11px 5px}.payment-choice .icon{width:21px;height:21px}.payment-choice input:checked+span{background:#fffdf7;border-color:#ebddb8;color:#9b8046}.final-review{margin-top:18px}.review-product-lines{border-color:#eff7ff;padding-bottom:9px;margin-bottom:22px}.review-product-lines>div{font-size:10px;color:#718095;margin-bottom:12px}.review-product-lines strong{color:#718095}.summary-row{font-size:10px;color:#718095;margin-bottom:17px}.summary-row b{color:#718095;font-weight:500}.summary-row.total{margin-top:20px;padding-top:20px;border-color:#eaf5ff;color:#718095}.summary-row.total b{font-size:23px;color:#718095;font-weight:650;letter-spacing:-.7px}.form-error{font-size:10px;line-height:1.9;border-radius:10px;padding:12px;border-color:#f9ebe5;background:#fffbf8;color:#9b8046}.product-picker-modal{margin:auto 0 0;width:100%;max-width:none;max-height:83dvh;border:1px solid #edf6ff;border-bottom:0;border-radius:25px 25px 0 0;box-shadow:0 -10px 50px #3c6fa51a}.product-picker-modal:before{content:"";display:block;width:35px;height:4px;border-radius:4px;background:#edf4fd;margin:10px auto -2px}.product-picker-modal .modal-head{padding:17px 20px 18px;border-color:#eff7ff}.product-picker-modal .modal-head h2{font-size:17px;color:#718095;letter-spacing:-.3px}.product-picker-modal .modal-head p{font-size:9px;color:#718095;line-height:1.8}.product-picker-modal .modal-head .icon-btn{height:33px;width:33px;border-radius:50%;color:#718095}.product-picker-modal .modal-content{padding:18px 20px 28px;min-height:290px}.picker-search{max-width:none;min-width:0;margin-bottom:8px}.picker-search input{height:45px;font-size:16px;color:#718095;border-color:#eaf5ff;background:#fff;border-radius:10px}.picker-search input::placeholder{color:#718095;font-size:12px}.picker-search>.icon{top:14px;height:16px;width:16px;color:#718095}.picker-product{padding:17px 0;gap:12px;border-color:#eff7ff}.picker-product .product-thumb{width:42px;height:42px;border-radius:12px}.picker-info strong{font-size:12px;color:#718095}.picker-info small{font-size:9px;color:#718095;margin-top:6px}.picker-info b{font-size:11px;color:#718095;margin-top:8px}.picker-add{height:28px;width:28px;border-color:#efe3c5;background:#fffdfa;color:#9b8046}.picker-add>.icon{height:14px;width:14px}.product-card{padding:17px 13px;gap:15px;border-color:#eaf4ff;border-radius:17px}.product-card h3{font-size:12px;color:#718095}.product-card .variant{font-size:10px;color:#718095}.product-sku{font-size:8px;color:#718095}.product-values{border-color:#f0f7ff;padding-top:14px;gap:7px}.product-values strong{font-size:11px;color:#718095}.product-values small{font-size:8px;color:#718095}.product-actions .btn{font-size:9px;min-height:36px;padding:8px 5px;border-color:#eaf5ff;color:#718095}.product-actions .btn-soft{background:#fbfdff}.product-actions .icon{height:13px;width:13px}.toolbar{gap:12px;margin-bottom:20px}.search-field input{height:47px;font-size:16px;border-color:#e8f5ff;color:#718095}.search-field input::placeholder{font-size:12px;color:#718095}.search-field>.icon{top:15px;width:17px;height:17px;color:#718095}.toolbar .period-select{max-width:137px}.result-note{font-size:9px;color:#718095}.filter-tab{font-size:10px;color:#718095;min-height:35px}.filter-tab.active{color:#9b8046;background:#fffdf6}.data-row{padding:18px 16px;border-color:#eff8ff}.data-row-main b{font-size:11px;color:#718095}.data-row-main small{font-size:9px;color:#718095}.data-row-value{font-size:11px;color:#718095}.data-row-value small{font-size:8px;color:#718095}.data-row .icon-btn{border-color:#edf8ff;color:#718095}.more-grid{gap:13px}.more-card{padding:20px 15px;min-height:92px;font-size:11px;color:#718095;border-color:#eaf7ff;border-radius:16px;gap:10px}.more-card .icon{height:23px;width:23px;color:#9b8046}.more-card p{font-size:9px;color:#718095;margin-top:6px}.more-card>.icon:last-child{height:13px;width:13px;color:#718095}.stat-value{font-size:clamp(17px,5.4vw,23px)}.stat-label{font-size:10px}.stat-foot{font-size:8px;line-height:1.9}.stat-card{border-radius:17px;padding:17px 14px}.report-explanation{font-size:9px;line-height:1.9;padding:14px;color:#718095;background:#fdfeff;border-color:#eef9ff}.report-filter .filter-tabs{margin-bottom:15px}.report-filter .filter-tab{font-size:9px}.report-custom input{font-size:13px;color:#718095;border-color:#e9f7ff}.financial-row{font-size:10px;color:#718095;border-color:#f0f9ff}.financial-row b{color:#718095}.financial-row.total b{font-size:18px;color:#718095}.top-product b{font-size:11px;color:#718095}.top-product small{font-size:9px;color:#718095}.top-product strong{color:#718095}.settings-grid{gap:20px}.settings-grid .form-section{padding:21px 16px}.settings-grid .form-section h2{font-size:13px;color:#718095}.settings-option small{font-size:9px;color:#718095}.settings-option b{font-size:11px;color:#718095}.settings-option>.icon{color:#718095}.settings-option .btn{font-size:9px;color:#718095;border-color:#edfaff}.settings-option{border-color:#f1fbff}.modal-head{padding:20px 19px 18px;border-color:#f0faff}.modal-head h2{font-size:17px;color:#718095}.modal-head p{font-size:9px;color:#718095}.modal-content{padding:22px 19px}.modal-actions .btn{font-size:11px;min-height:45px}.detail-heading h3{font-size:14px;color:#718095}.detail-heading small{font-size:9px;color:#718095}.detail-line{font-size:11px;border-color:#f0faff;color:#718095}.detail-line small{font-size:9px;color:#718095}.detail-info{font-size:10px;color:#718095;border-color:#f0faff}.detail-section-title{font-size:11px;color:#718095}.danger-section{color:#718095;border-color:#f0faff;font-size:9px}.empty-state{padding:37px 20px}.empty-state h3{font-size:12px;color:#718095}.empty-state p{font-size:10px;color:#718095}.empty-icon{height:59px;width:59px;border-radius:20px;background:#fdfeff;color:#718095;border-color:#f0fbff}.login-card{padding:34px 25px;border-radius:24px;border-color:#ecf8ff}.login-card>img.login-logo{width:205px;height:39px;margin-bottom:31px}.login-card h1{font-size:23px;color:#718095}.login-card p{font-size:11px;color:#718095;line-height:1.9}.login-card .field input{font-size:16px}.launch-logo-frame img{width:230px;max-width:69vw}.launch-screen .loading-copy{font-size:11px;color:#718095;margin-top:13px}.loading-track{margin-top:25px;width:86px}.launch-footer{bottom:40px;font-size:8px;letter-spacing:1.5px;color:#718095}.launch-tagline{bottom:69px;font-size:9px;color:#718095}#toast{left:50%;bottom:102px;font-size:11px;padding:13px 16px;border-radius:12px;max-width:calc(100vw - 35px);background:#173c6d;color:#fff}
}
@media(max-width:370px){.topbar{padding-left:17px;padding-right:17px;height:69px}.mobile-brand .brand-wordmark{width:141px;height:27px}.top-actions{gap:6px}.top-actions .avatar{width:29px;height:29px;font-size:9px}.mode-chip{font-size:8px;padding:5px 6px;gap:3px;min-height:26px}.mode-chip .icon{width:10px;height:10px}.main{padding-left:17px;padding-right:17px;padding-top:21px}.home-greeting h1{font-size:23px}.balance-card{padding:18px 15px 15px}.balance-amount strong{font-size:32px}.balance-amount small{font-size:16px}.balance-top>span{font-size:10px}.balance-top .period-select{font-size:8px;max-width:125px}.balance-footer>span,.balance-footer>a{font-size:7px}.insight-grid{gap:7px}.insight-grid>div{padding:12px 9px}.insight-grid small{font-size:7px}.insight-grid strong{font-size:11px}.service-item{font-size:8px}.services-grid{gap:21px 7px}.service-icon{height:43px;width:43px;border-radius:14px}.section-top h2{font-size:12px}.stock-reminder b{font-size:8px}.stock-reminder p{font-size:7px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.field-full{grid-column:1/-1}.checkout-steps button{font-size:9px;gap:5px}.checkout-heading h1{font-size:20px}.checkout-heading p{font-size:8px}.checkout-section{padding:17px 13px}.checkout-bar{width:calc(100% - 26px);bottom:84px;padding:11px 12px}.checkout-bar strong{font-size:18px}.checkout-bar .btn{font-size:10px;padding:11px 14px;min-height:42px}.bottom-nav{padding-left:9px;padding-right:9px}.bottom-link{font-size:8px;min-width:47px}.bottom-link .icon{width:20px;height:20px}.bottom-link.new-order .new-icon{height:40px;width:40px}.modal-content .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-content .field-full{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.launch-logo-frame,.loading-track:before,.btn.is-busy:before{animation:none!important}.launch-screen{transition:none}.service-icon{transition:none}}
@media print{.launch-screen{display:none!important}}

/* Readable foregrounds on white surfaces. */
h1,h2,h3,.home-greeting h1,.checkout-heading h1,.panel-title,.section-top h2,.checkout-section-head h2,.modal-head h2,.login-card h1{color:#172c48}
.customer-name,.cart-product-info h3,.picker-info strong,.product-card h3,.data-row-main b,.more-card,.settings-option b,.top-product b,.detail-heading h3{color:#3e5674}
.insight-grid strong,.row-price,.cart-line-bottom>strong,.product-values strong,.data-row-value,.checkout-bar strong,.summary-row.total b,.picker-info b{color:#233f63}
.service-item,.field>label,.field-label,.checkout-section-head p,.page-subtitle,.home-greeting p,.balance-top>span{color:#708097}
.service-icon.blue{background:#f2f6fc;color:#4e6e98}
.balance-amount strong{color:#102b50}.balance-amount small{color:#778aa4}
.bottom-link{color:#8a9ab0}.bottom-link.active{color:#1e3c63}.bottom-link.new-order .new-icon{color:#1e3555}
.checkout-steps .active,.checkout-steps .active>span{color:#42381c}.checkout-steps .done{color:#607b9f}
.cart-empty h3{color:#7085a0}.cart-empty p,.cart-product-info p,.cart-product-info small,.picker-info small,.order-meta{color:#8a9ab0}
.field input,.field select,.field textarea{color:#344e70}.field input::placeholder,.field textarea::placeholder{color:#a1aec1}
.quantity-control input{color:#405f87}.quantity-control button{color:#6d8bb2}.picker-add{color:#ab8329}
.discount-options button.active{color:#916c15}.payment-choice input:checked+span{color:#846626}
.summary-row{color:#7b8ea8}.summary-row b{color:#4e6b90}.summary-row.total{color:#3f5f86}
.financial-row,.report-explanation,.detail-info,.settings-option small,.empty-state p{color:#8191a8}
.financial-row b,.financial-row.total b,.top-product strong{color:#466991}
.product-actions .btn{color:#547cae}.data-row-value small,.footer-note,.sync-status{color:#8e9eb3}
.launch-screen .loading-copy{color:#8b9bb0}.launch-tagline{color:#9aabc1}.launch-footer{color:#a9b9ce}
@media(max-width:760px){.home-greeting h1{font-size:24px}.section-top h2{font-size:13px}.field>label,.field-label{font-size:11px}.balance-caption{color:#91a0b5}.balance-footer>span{color:#8fa0b8}.balance-footer>a{color:#667f9f}.insight-grid small{color:#7c8da4}.mode-chip{color:#8b9db4}.service-item{color:#70839d}.stock-reminder b{color:#9c8149}.stock-reminder p{color:#aa9a7b}.checkout-steps button{color:#97a8bf}.checkout-bar small{color:#8d9fb8}.checkout-bar .btn{background:#142e50;border-color:#142e50}.picker-search input{color:#355b8b}.picker-search input::placeholder{color:#a9bbd0}.search-field input::placeholder{color:#a0b4cc}.filter-tab.active{color:#957739}.more-card p{color:#96a9c1}.empty-state h3{color:#718cae}.detail-line{color:#5f7da5}.detail-line small{color:#91a8c4}.detail-section-title{color:#5b7ca6}.login-card p{color:#8da5c3}.cart-product-info h3{font-size:12px}.cart-line-bottom>strong{font-size:12px}.picker-info strong{font-size:12px}.insight-grid strong{font-size:12px}}

dialog::backdrop{background:#172b4545;backdrop-filter:blur(4px)}
.brand-wordmark,.launch-logo-frame img,.login-logo{mix-blend-mode:multiply}
.home-greeting h1{overflow-wrap:anywhere}
.balance-amount.is-compact strong{font-size:30px;letter-spacing:-.8px}
@media(max-width:760px){
 .balance-amount.is-compact strong{font-size:26px;letter-spacing:-.8px}
 .checkout-heading p{font-size:10px;line-height:1.75}.checkout-step-indicator{font-size:10px}
 .checkout-steps button{font-size:10px}.checkout-section-head p{font-size:10px}
 .service-item{font-size:10px}.insight-grid small{font-size:9px}.insight-grid>div:first-child strong{font-size:16px}
 .cart-empty p{font-size:10px}.cart-empty h3{font-size:12px}.checkout-tip{font-size:10px}
 .checkout-bar small{font-size:10px}.form-note{font-size:10px}.mode-chip{font-size:9px}
 .picker-info small{font-size:10px}.product-picker-modal .modal-head p{font-size:10px}
 .stock-reminder b{font-size:10px}.stock-reminder p{font-size:9px}
 .bottom-link{font-size:9px}.bottom-link.new-order{font-size:8px}
 .home-greeting p{font-size:11px}.balance-top>span{font-size:11px}
 .balance-footer>span,.balance-footer>a{font-size:9px}
}