/* Material-inspired local components. All icons are inline SVG; no external assets. */
:root{--md-primary:#176b53;--md-surface:#fffbff;--md-container:#d4ecdf;--md-outline:#bacdbe;--md-text:#294b35;--md-secondary:#6b8573;--md-shadow:0 1px 3px #183b2614,0 1px 2px #183b260a;--md-state:#176b5310;font-size:14px;background:#f5f8f5;color:var(--md-text)}
body{font-family:LocalUI,Tahoma,sans-serif;line-height:1.8}button,input,select,textarea{font-family:inherit}button,a{transition:background-color .18s,box-shadow .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--md-primary);outline-offset:0}
.sidebar{background:#f1f6f1;border-left:0;padding-top:27px}.brand-icon{border-radius:16px;box-shadow:none}.brand strong{letter-spacing:0;font-size:27px}.brand small{font-size:10px;color:#6e8273}.workspace{border:0;border-radius:16px;background:#e6eee6;padding:15px 12px}.workspace b{font-size:12px}.workspace small{font-size:10px;color:#657d6b}.store-avatar{border-radius:10px;background:#d8e7d9;color:#426951}.nav-label{color:#728675;font-size:11px}.nav-item{border-radius:28px;min-height:48px;font-size:13px;color:#536a59;padding:0 17px;margin-bottom:7px}.nav-item:hover{background:#e2ece3}.nav-item.active{background:#cde8d8;color:#124d36}.nav-item.active>i{display:none}.nav-item .icon{width:22px;height:22px}.nav-count{border-radius:8px;background:#f4e6ce;color:#806233}.offline-card{border:0;background:#e6eee6;border-radius:15px}.offline-card b{font-size:11px;color:#46674f}.offline-card small{font-size:9px;color:#708a76}.profile{background:transparent;border-color:#dce6dc;min-height:80px}.profile b{font-size:12px}.profile small{font-size:10px;color:#718676}.avatar{background:#dce8d6;color:#4e704b}.topbar{background:var(--md-surface);border-color:#e8eee7}.breadcrumb{font-size:12px;color:#758577}.breadcrumb b{color:#4b6453}.top-date{font-size:11px;color:#6a7f6e}.connection{font-size:10px}.icon-btn{width:40px;height:40px;border-radius:50%;color:#647c6b}.icon-btn:hover{background:var(--md-state)}
.page-heading h1{font-weight:700;font-size:26px;letter-spacing:0;color:#233f2d}.page-heading p{font-size:12px;color:#748878;line-height:2}.heading-actions{gap:12px}.btn{min-height:44px;padding:10px 22px;border-radius:24px;font-size:12px;font-weight:600;box-shadow:none}.btn .icon{width:18px;height:18px}.btn.primary:hover{box-shadow:var(--md-shadow);background:#125a44}.btn.secondary{border-color:#b8c9bd;color:#32654a;background:transparent}.btn.secondary:hover{background:#e9f1e9}.btn.danger{background:#a84740}.btn.danger-outline{border-color:#d6aaa3}.demo-banner{background:#e7f1e8;border:0;border-radius:16px;padding:13px 20px;font-size:11px;color:#526e58}.demo-banner button{font-size:11px;font-weight:600}.demo-banner b{color:#335c3e}.card{border:0;border-radius:20px;background:var(--md-surface);box-shadow:var(--md-shadow)}.kpi{padding:22px}.kpi-top{font-size:12px;color:#607966}.kpi-icon{width:42px;height:42px;border-radius:14px}.kpi-icon svg{width:23px;height:23px}.kpi-value{font-size:28px;letter-spacing:0;margin-top:14px;color:#294d34}.kpi-value small{font-size:11px;color:#6e8675}.kpi-note{font-size:10px;color:#7c9383}.kpi-note svg{color:#528363}.kpi .green{background:#dceee1;color:#347957}.kpi .blue{background:#e1edf7;color:#4e78a0}.kpi .purple{background:#eae1f4;color:#81659c}.kpi .orange{background:#f6e8d5;color:#9b753d}
.section-heading{padding:23px 23px 0}.section-heading h2{font-size:14px;font-weight:700;color:#3e6247}.section-heading p{font-size:11px;color:#7d9382}.section-heading>.subtle{font-size:10px}.segmented{border:1px solid var(--md-outline);background:transparent;border-radius:24px;padding:0;overflow:hidden;gap:0}.segmented button{font-size:10px;min-height:36px;padding:7px 12px;border-radius:0;color:#5b7763}.segmented .selected{background:#d6eadd;box-shadow:none;color:#27543a;font-weight:700}.segmented .selected:before{content:'✓';margin-left:5px}.chart-summary>strong{font-size:27px;color:#2e583e}.chart-summary>span{font-size:11px;color:#708b79}.chart-grid{height:255px}.y-labels{color:#7e9486;font-size:10px;width:46px}.x-labels{font-size:10px;color:#758c7d}.donut small{font-size:10px;color:#6f8976}.donut strong{font-size:26px}.donut span{font-size:10px;color:#7a9180}.donut>div{background:var(--md-surface)}.category-legend>div,.category-legend b{font-size:11px}.category-legend span{color:#68846f}.category-legend i{height:9px;width:9px;border-radius:3px}.view-all{font-size:11px;color:#397955}.section-description{font-size:11px;color:#7f9585;line-height:2}.count-badge{font-size:10px;border-radius:8px;padding:5px 9px;color:#946a30;background:#f7ead4}.low-item{background:transparent;border-radius:12px;padding:13px 21px}.low-item:hover{background:#edf4ed}.low-item b{font-size:12px;color:#466e51;font-weight:500}.low-item small{font-size:10px;color:#7b9482}.low-item .stock-count{font-size:16px;color:#a17a3d}.stock-count small{font-size:9px}.product-art.small{width:49px;height:53px;border-radius:12px}.low-footer{font-size:11px;min-height:46px;color:#4a805c;border-color:#e7eee7}.best-item b{font-size:11px}.best-item small{font-size:10px;color:#7d9785}.best-item>span:last-child{font-size:11px;color:#4d7b59}.best-item>span:last-child small{font-size:9px}.best-item .rank{font-size:12px;color:#9cb0a1}
thead{background:#edf4ed;color:#627f69;border-color:#e6eee6}th{font-size:11px;padding:15px 18px;font-weight:500}td{font-size:12px;padding:16px 18px;color:#597963;border-color:#ebf0eb}.recent-sales th{font-size:10px}.recent-sales td{font-size:11px}.text-link{font-size:12px;color:#3a7952}.invoice-symbol{background:#e9f2e9;color:#70997b;border-radius:8px}.customer-cell{font-size:11px}.mini-avatar{height:30px;width:30px;background:#e7ece0;color:#6d845e}.badge{font-size:10px;min-height:25px;border-radius:8px;padding:4px 9px}.badge.green{color:#2b714d;background:#e1f0e5}.badge.orange{color:#986d2e;background:#faefd9}.numeric{font-size:12px;color:#406a4d}.subtle{color:#7f9585}.row-actions .icon-btn{width:36px;height:36px}.row-actions .icon{width:18px;height:18px}.products-table .product-name b{font-size:12px;color:#3a6347}.sku{font-size:11px;color:#839a8a}.size-chip{border-color:#d7e4d9;border-radius:6px;font-size:10px}.table-foot{font-size:11px;color:#7d9584}.toolbar{padding:23px;gap:15px}.search{border-radius:28px;border:0;background:#eaf1ea;max-width:390px;padding:0 17px;min-height:46px}.search input{font-size:12px;color:#416c4f;padding:13px 0}.search input::placeholder{color:#819989}.toolbar select{border-radius:12px;min-height:46px;border-color:#c6d7c9;background:transparent}.category-card h2{font-size:18px;color:#386145}.category-card p{font-size:12px;color:#7d9683}.category-icon{width:60px;height:60px;border-radius:18px}.category-card-footer .text-link{font-size:11px}.report-summary span{font-size:12px;color:#64846c}.report-summary strong{font-size:26px;color:#2f6743}.report-summary p{font-size:11px;color:#7c9581}
.settings-form{padding:28px}.form-section-title h2{font-size:16px}.form-section-title p{font-size:11px;color:#7c9682}.field>span{font-size:12px;color:#577c62}.field input,.field textarea,select{font-size:13px;border-radius:6px 6px 0 0;border:1px solid #94af9c;background:transparent;padding:13px 14px;min-height:48px;line-height:1.7}.field:focus-within>span{color:var(--md-primary);font-weight:600}.field input:disabled{background:#edf2ed;color:#91a696}.help-text{font-size:11px;color:#7c9684}.upload-box{border-radius:18px;border-color:#b6ceba;background:#f3f8f2}.upload-box>span{font-size:13px}.upload-preview{border-radius:18px;background:#e5eee2}.local-status{border:0;border-radius:14px;background:#e5f0e4;color:#587d5d}.user-list b{font-size:12px;color:#547f5f}.user-list small{font-size:11px;color:#829a88}.notice{font-size:12px;line-height:2;border-radius:14px;background:#eaf3e8;color:#68876c}
dialog{border:0;border-radius:28px;background:#f7fbf5;box-shadow:0 24px 55px #12271e33}.modal-header{background:#f7fbf5;border-color:#e1eadf;padding:23px 25px}.modal-header h2{font-size:18px;font-weight:600}.modal-footer{border-color:#e1eadf}.confirm-text{font-size:13px;color:#6b8873}.invoice-total{background:#dceee0;border-radius:14px;color:#376d47}.invoice-total b{font-size:19px}.cart-empty{border-color:#bdd2c1;border-radius:14px;color:#7d9784}.cart-list{border-color:#dfeadd;border-radius:14px}.cart-list b{font-size:12px}.cart-list small{font-size:10px;color:#7c9684}.cart-list input{border-radius:8px;min-height:40px}.invoice-paper{background:#fff}.invoice-paper th,.invoice-paper td{font-size:12px}.invoice-brand p,.invoice-store-info,.invoice-sign p{font-size:11px;color:#708f7a}.invoice-calculation p{font-size:12px}.invoice-calculation .grand-total{background:#e7f2e8}.login-page{background:var(--md-surface)}.login-panel h2{font-size:27px;color:#2b593b}.login-panel>p{font-size:12px;color:#758f7c}.login-decoration{background:#e0eee0;color:#2a5d3a}.login-decoration h1{font-weight:700}.login-decoration p{color:#61816a}.login-emblem svg{color:#3a7850}.login-feature{color:#5b8166}.login-panel .login-local{font-size:10px}.login-vector{margin-top:35px;width:100%;max-width:320px;height:auto}.app-footer{font-size:10px;color:#849b8a}.app-footer svg{width:13px;height:13px}.empty{padding:42px 20px}.empty>svg{width:125px;height:100px;margin-bottom:20px}.empty h3{font-size:17px;color:#6b8b74}.empty p{font-size:12px;color:#8aa28f}#toast{border-radius:10px;box-shadow:var(--md-shadow);background:#293b30;font-size:13px}.welcome-wave{color:#54916e;display:inline-flex;align-items:center}.welcome-wave svg{width:18px;height:18px;margin:0 4px}
@media(max-width:1200px){.kpi{padding:17px}.kpi-value{font-size:23px}.kpi-top{font-size:11px}.kpi-note{font-size:9px}.section-heading h2{font-size:13px}.heading-actions .btn{padding:11px 15px}.nav-item{font-size:12px}.card{border-radius:18px}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:25px}.offline-card small{font-size:8px}.best-item b{font-size:10px}}
@media(max-width:1000px){.heading-actions{flex-wrap:wrap}.page-heading p{font-size:11px}.kpi-value{font-size:26px}.kpi-top{font-size:12px}.kpi-note{font-size:10px}.report-summary strong{font-size:23px}.category-legend{padding-bottom:20px}.chart-grid{height:250px}}
@media(max-width:760px){.sidebar{visibility:hidden;transition:transform .2s,visibility .2s;overflow-y:auto}.menu-open .sidebar{visibility:visible}.topbar{height:70px;background:#f5f8f5;border-bottom:0}.breadcrumb{font-size:12px}.connection{font-size:10px}main{padding-top:18px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;line-height:2}.heading-actions .btn{font-size:12px;min-height:44px;padding:10px 17px}.demo-banner{font-size:11px;padding:14px 17px}.demo-banner button{font-size:11px}.kpi{padding:17px 15px}.kpi-top{font-size:11px}.kpi-value{font-size:23px}.kpi-value small{font-size:10px}.kpi-note{font-size:9px}.kpi-icon{width:33px;height:33px;border-radius:11px}.kpi-icon svg{height:20px;width:20px}.card{border-radius:19px}.section-heading{padding:20px 17px 0}.section-heading h2{font-size:13px}.section-heading p{font-size:10px}.segmented button{font-size:10px;padding:6px 8px;min-height:34px}.chart-grid{height:235px}.chart-summary>strong{font-size:25px}.chart-summary>span{font-size:10px}.y-labels{font-size:9px;width:36px}.x-labels{font-size:9px}.category-legend{padding:16px}.category-legend>div,.category-legend b{font-size:10px}.donut small{font-size:9px}.donut strong{font-size:24px}.view-all{font-size:10px}.badge{font-size:9px;padding:5px 7px}.recent-sales td{font-size:10px;padding:15px 10px}.recent-sales th{font-size:9px;padding:14px 10px}.customer-cell{font-size:10px}.low-item{padding:14px 17px;width:100%}.low-item b{font-size:12px}.low-item small{font-size:10px}.low-item .stock-count{font-size:16px}.low-item .stock-count small{font-size:9px}.low-item .product-art.small{width:45px;height:50px}.best-grid{grid-template-columns:1fr}.best-item b{font-size:12px}.best-item small{font-size:10px}.best-item>span:last-child{font-size:11px}.toolbar{padding:17px}.toolbar select{min-height:44px;font-size:11px}.search input{font-size:12px}.form-grid{gap:20px}.field input,.field textarea,select{min-height:48px;font-size:13px}.field>span{font-size:12px}.settings-form{padding:22px}.form-section-title h2{font-size:15px}.form-section-title p{font-size:11px}.help-text{font-size:11px;line-height:2.2}.modal-header h2{font-size:17px}.cart-picker .btn{min-height:48px;font-size:11px;padding:12px}.cart-picker select{font-size:11px}.cart-list b{font-size:11px}.cart-list small{font-size:10px}.invoice-paper th,.invoice-paper td{font-size:11px}.invoice-store-info,.invoice-sign p{font-size:10px}.login-panel{padding:45px 27px}.login-panel>p{font-size:12px}.login-panel .btn{font-size:13px}.login-panel .login-local{font-size:10px}.app-footer{font-size:9px}.sidebar-bottom{padding-top:20px}.profile{padding:16px 4px}}
@media(max-width:420px){.kpi{padding:15px 12px}.kpi-value{font-size:21px;gap:5px}.kpi-value small{font-size:9px}.kpi-top{font-size:10px}.kpi-note{font-size:8px}.kpi-icon{width:31px;height:31px}.kpi-icon svg{width:18px;height:18px}.heading-actions .btn{font-size:11px;padding:10px 15px}.donut{width:135px;height:135px;padding:19px}.category-legend{padding:12px}.recent-sales th,.recent-sales td{padding:14px 7px}.badge{font-size:8px}.cart-list small{font-size:9px}.section-heading h2{font-size:12px}.view-all{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{dialog{background:#fff!important;border-radius:0!important}.invoice-paper th{background:#edf4ed!important}.invoice-paper{color:#233f2d}.invoice-paper td{color:#34573f}.invoice-paper th,.invoice-paper td{font-size:11px}}