:root{--canvas:#f5f6f3;--ink:#22271f;--muted:#7a8075;--line:#e8ebe4;--lime:#c2f477;--soft:#f0f8e5;--charcoal:#20241f;font-family:'Montserrat',sans-serif;font-size:13px;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #83b749;outline-offset:3px}h1,h2,h3,h4,.brand{font-family:'Poppins',sans-serif;color:var(--ink)}h1{font-size:30px;line-height:1.3;letter-spacing:-1px;font-weight:700;margin:5px 0 8px}h2{font-size:18px;line-height:1.45;letter-spacing:-.4px;font-weight:700;margin:0 0 8px}h3{font-size:14px;font-weight:600;margin:0 0 6px}p{line-height:1.8;margin:0 0 15px}small{font-size:11px;line-height:1.7}.muted{color:var(--muted)}.block{display:block}.text-right{text-align:right!important}.money{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.overline{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#88947b}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #dfe4d9;background:#fff;border-radius:10px;min-height:42px;padding:11px 16px;color:var(--ink);font-size:11px;font-weight:600;line-height:1.4;transition:background .15s;white-space:nowrap}.button:hover{background:#f0f6e7;border-color:#bbc8ad}.button.primary{background:var(--lime);border-color:var(--lime);color:#25311b}.button.primary:hover{background:#b3e867}.button.danger{background:#b23e4b;color:white;border-color:#b23e4b}.button.small{min-height:34px;padding:8px 12px;font-size:10px}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:#fff;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:13px;flex-shrink:0}.icon-button:hover{background:var(--soft)}.text-button{border:0;background:none;font-size:11px;font-weight:600;padding:9px 0;display:inline-flex;gap:7px;align-items:center;color:var(--muted)}.danger-text{color:#b23e4b!important}.action-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;background:var(--charcoal);color:#bec4b7;padding:30px 17px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#51594a transparent}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:700;letter-spacing:-1px;color:#fff}.brand-symbol{width:40px;height:42px;border-radius:13px;background:var(--lime);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#2a3521;font-size:22px;letter-spacing:0}.brand-light{font-weight:600;color:var(--lime)}.brand small{font-family:'Montserrat';font-size:7px;font-weight:500;letter-spacing:1.6px;display:block;color:#a3ac99}.nav-label{font-size:8px;letter-spacing:1.6px;color:#89967d;font-weight:700;margin:28px 13px 12px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:12px;min-height:40px;border-radius:9px;padding:11px 12px;font-size:11px;font-weight:500;color:#b2baaa}.nav-link i{width:18px;text-align:center;font-size:14px;color:#909a84}.nav-link:hover{background:#2b3027;color:#fff}.nav-link.active{background:var(--lime);color:#25311b;font-weight:700}.nav-link.active i{color:#344624}.nav-dot{margin-left:auto;width:5px;height:5px;background:#3c532b;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:25px}.profile{display:flex;align-items:center;gap:9px;border-top:1px solid #363e31;padding-top:18px;margin:15px 4px 0}.avatar{height:33px;width:33px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#44503a;color:#dbe8ca;font-weight:600;flex-shrink:0}.profile strong{font-size:10px;color:#e3e8dd;display:block;max-width:104px;overflow:hidden;text-overflow:ellipsis}.profile small{font-size:9px;color:#929d87}.profile form{margin-left:auto}.profile .icon-button{border:none;color:#98a58c;background:transparent;width:25px}.main-area{margin-left:230px;min-width:0;width:calc(100% - 230px)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:14px}.breadcrumb{display:flex;align-items:center;gap:15px;font-size:10px;color:#959c8e}.breadcrumb i{font-size:8px}.breadcrumb strong{color:#505c45;font-weight:600}.topbar-right{display:flex;gap:24px;align-items:center}.today{color:#79846d;font-size:10px}.shop-chip{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:10px;font-weight:600;max-width:230px;overflow:hidden;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#8eaf65;flex-shrink:0}.workspace{max-width:1740px;margin:auto;padding:31px 34px 0}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-header p{color:var(--muted);font-size:11px;margin:0}.header-actions{display:flex;gap:10px}.app-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding:22px 0;margin-top:34px;color:#869079;font-size:9px;line-height:1.8}.app-footer a{font-size:8px}.footer-dot{padding:0 6px}.mobile-menu{display:none}.panel{border:1px solid var(--line);background:white;border-radius:16px;padding:24px;margin-bottom:22px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.section-heading h2{margin-bottom:4px}.section-heading p{margin:0;color:var(--muted);font-size:11px;max-width:700px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);border-radius:14px;background:white;padding:22px;min-width:0}.stat-card>span,.stat-top>span:first-child{font-size:10px;font-weight:600;color:#75816b}.stat-card>strong{display:block;font-family:'Poppins';font-size:26px;letter-spacing:-1px;font-weight:600;margin:14px 0 5px}.stat-card>small{font-size:9px;color:#86947a}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px}.stat-icon{width:32px;height:32px;border-radius:9px;background:#f3f7ec;color:#789548;display:flex;align-items:center;justify-content:center;font-size:13px}.amber{background:#fbf6e9!important;color:#a7863e!important}.rose{background:#fcf0f0!important;color:#b97880!important}.welcome-banner{display:flex;justify-content:space-between;align-items:center;overflow:hidden;border-radius:17px;border:1px solid #e2ead5;background:#edf4e2;padding:28px 33px;margin-bottom:24px}.welcome-banner .eyebrow{color:#778b5c;font-size:8px}.welcome-banner h2{font-size:25px;letter-spacing:-.7px;margin:8px 0}.welcome-banner p{color:#7c8a6c;font-size:11px}.banner-links{display:flex;gap:10px;margin-top:18px}.banner-links .button{background:#fff;border-color:#dfe7d4}.banner-art{width:185px;height:145px;position:relative;margin-right:25px;flex-shrink:0}.art-circle{width:128px;height:128px;background:#d9eabe;border:1px solid #caddb0;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:15px;bottom:0;font-size:62px;color:#788f58;transform:rotate(-16deg)}.art-cross{position:absolute;left:0;top:4px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:35px;color:#8ba76a;background:#f7fbef;border-radius:12px;transform:rotate(13deg)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}.attention-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #f0f2ec}.attention-row>i{margin-left:auto;font-size:9px;color:#9ba58f}.attention-icon,.record-icon{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:10px;background:#f0f4e9;color:#859a66;flex-shrink:0;font-size:14px}.attention-row strong{font-size:10px;display:block}.attention-row small{font-size:9px;color:#82916f;display:block}.care-note{margin-top:24px;border-radius:10px;background:#f7f9f2;padding:17px;color:#82956a;display:flex;gap:12px;align-items:center}.care-note p{font-size:9px;line-height:1.9;margin:0}.care-note i{font-size:20px}.sales-chart{height:180px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end}.chart-column{text-align:center;min-width:0}.chart-column svg{height:120px;width:100%;display:block}.chart-column>span{display:block;font-size:9px;color:#7b8a6c}.chart-value{font-weight:600}.table-wrap{overflow:auto;max-width:100%;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{font-size:9px;text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:#82936d;background:#fafbf8;padding:13px 16px;border-block:1px solid #edf0e8;white-space:nowrap}td{padding:17px 16px;border-bottom:1px solid #eff1eb;vertical-align:middle;white-space:nowrap}td strong{font-size:11px;font-weight:600}tbody tr:last-child td{border-bottom:none}.product-cell{display:flex;gap:12px;align-items:center}.product-cell small{display:block;color:#869579;font-size:9px;margin-top:3px}.wrap-cell{white-space:normal;min-width:170px;max-width:320px;line-height:1.7}.badge{display:inline-flex;gap:6px;align-items:center;border-radius:6px;padding:5px 8px;font-size:9px;line-height:1.5;background:#f0f2ec;color:#748364;font-weight:500;white-space:nowrap}.badge.success{background:#edf6e4;color:#64823f}.badge.warning{background:#faf4e6;color:#98712c}.badge.danger{background:#fff0f0;color:#b85a63}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.search-form{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0;flex:1;max-width:460px;padding:5px 6px 5px 14px;gap:10px}.search-form>i{color:#8d9e79;font-size:13px}.search-form input{width:100%;min-width:0;border:0;padding:8px 0;font-size:11px;outline:none;background:transparent}.search-form input::placeholder{color:#97a28c}.search-form .button{border:0;background:#f3f6ed;font-size:10px;min-height:32px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:19px;border-top:1px solid var(--line);padding-top:18px;color:#829471;font-size:10px}.pagination>div{display:flex;gap:7px}.page-tabs{display:flex;gap:26px;margin-bottom:24px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.page-tabs a{font-size:11px;color:#81916f;padding:0 0 14px;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent}.page-tabs a.active{color:#455930;border-bottom-color:#90b85e;font-weight:700}.field{display:block;min-width:0;margin-bottom:18px}.field>span{font-size:10px;font-weight:600;color:#69765c;display:block;margin-bottom:8px}.field em{color:#a5b194;font-style:normal}.field input,.field select,.compact-input,.inline-access select,.add-form select{width:100%;border:1px solid #e1e6d9;border-radius:9px;padding:12px 13px;color:#46503d;background:#fff;font-size:11px;min-width:0}.field small,.field-hint{font-size:10px;color:#83926f;line-height:1.9;display:block;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-footer,.dialog-footer{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:20px}.form-footer p{margin:0;font-size:10px}.check-field{display:flex;align-items:center;gap:9px;font-size:11px;color:#768367;margin:16px 0}.check-field input{width:16px;height:16px;accent-color:#789c4e}.inline-form{display:flex;gap:18px;align-items:flex-end;max-width:600px}.inline-form .field{flex:1;margin:0}.inline-access{display:flex;gap:10px;align-items:center}.inline-access select{max-width:160px}.inline-access .check-field{margin:0;white-space:nowrap}.compact-input{max-width:100px}fieldset{border:1px solid var(--line);border-radius:12px;padding:20px;margin:22px 0}legend{font-family:'Poppins';font-size:12px;font-weight:600;padding:0 10px;color:#73815e}.section-spacer{margin-top:25px}.empty-state{padding:48px 24px;text-align:center}.empty-icon{width:60px;height:60px;border-radius:18px;background:#f2f6eb;color:#aab995;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.empty-state h3{font-size:14px;margin-bottom:8px}.empty-state p{font-size:11px;color:#82946d;max-width:330px;margin:0 auto}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:10px;font-size:11px;margin-bottom:24px;line-height:1.8}.alert.success{background:#eaf5dd;color:#6b8b44;border:1px solid #d8e9c1}.alert.danger{background:#fff0f1;color:#b14856;border:1px solid #f2d9dc}.info-note{display:flex;gap:10px;border:1px solid #e6ecdc;background:#f6f9ef;padding:16px;border-radius:9px;color:#778b60;font-size:10px;line-height:1.9;margin:20px 0}.record-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:17px 0}.record-row>div:not(.record-icon){flex:1}.record-row strong{font-size:11px}.record-row small{display:block;color:#81946c;font-size:10px;margin-top:4px}.record-row:last-child{border:0}.contact-card{text-align:center}.contact-avatar{width:60px;height:60px;border-radius:18px;background:var(--soft);display:flex;align-items:center;justify-content:center;margin:10px auto 17px;font-size:25px;color:#899f69}.contact-card h2{font-size:22px}.contact-balance{background:#f8faf4;border-radius:12px;padding:20px}.contact-balance span,.contact-balance small{display:block;color:#7d9265;font-size:10px}.contact-balance strong{display:block;font-family:'Poppins';font-size:28px;margin:7px 0}.invoice-total{display:flex;justify-content:flex-end;gap:35px;align-items:center;margin:26px 0;font-size:13px}.invoice-total strong{font-family:'Poppins';font-size:25px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:24px;align-items:start}.catalogue-tools{display:flex;gap:10px;align-items:center}.catalogue-tools .search-form{max-width:none}.category-tabs{display:flex;align-items:center;gap:9px;overflow:auto;white-space:nowrap;margin:21px 0 18px;scrollbar-width:none}.category-tabs a{padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;font-size:10px;font-weight:500;color:#73865e;display:flex;gap:8px;align-items:center}.category-tabs a.selected{background:#26311f;color:#eff8e3;border-color:#26311f}.category-tabs span{padding:1px 6px;border-radius:5px;background:#c2f477;color:#344923;font-size:9px;font-weight:700}.catalogue-caption{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:10px;color:#82946c}.catalogue-caption small{font-size:9px;display:flex;gap:5px;align-items:center}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff;display:flex;flex-direction:column;min-width:0}.product-visual{height:132px;position:relative;background:#f2f4ee;border-radius:9px;display:flex;align-items:center;justify-content:center;overflow:hidden}.stock-tag{position:absolute;top:9px;left:9px;border-radius:5px;padding:4px 7px;background:#fff;color:#7d9068;font-size:8px;max-width:90%;white-space:nowrap}.stock-tag.out{color:#b9747a;background:#fcf1f1}.medicine-symbol{font-size:45px;transform:rotate(-20deg);color:#b1c297;text-shadow:2px 3px 0 #dfe7d3}.product-category{position:absolute;bottom:9px;right:10px;font-size:8px;color:#96a784;text-transform:uppercase;letter-spacing:.7px}.product-info{padding:15px 3px 0;flex:1}.product-info h3{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.product-info p{font-size:9px;color:#82956d;margin:5px 0 13px;line-height:1.7}.product-info p span{margin:0 3px}.product-price{display:flex;gap:5px;align-items:baseline}.product-price strong{font-family:'Poppins';font-size:16px;font-weight:600;letter-spacing:-.4px}.product-price small{font-size:9px;color:#8b9b79}.product-meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#879a72;margin:12px 0}.product-meta i{font-size:8px;margin-right:4px}.near-label{display:block;font-size:8px;color:#a68140;margin-bottom:9px}.add-form{margin-top:5px}.add-form select{font-size:9px;padding:8px;margin-bottom:7px}.add-button{width:100%;border:1px solid #e0e8d6;background:#f9fbf5;border-radius:7px;padding:10px 4px;font-size:10px;font-weight:600;color:#738756;display:flex;gap:8px;align-items:center;justify-content:center}.add-button:hover{background:#ecf7dc;border-color:#c2dfa0}.checkout-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;position:sticky;top:16px;min-width:0}.checkout-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f2eb;padding-bottom:17px;margin-bottom:15px}.checkout-header h2{font-size:17px;margin:6px 0 0;display:flex;align-items:center;gap:10px}.checkout-header h2 span{background:var(--soft);color:#789e4c;padding:3px 6px;border-radius:5px;font-family:'Montserrat';font-size:10px}.checkout-header .overline{font-size:8px}.cart-items{max-height:290px;overflow:auto;scrollbar-width:thin}.cart-items .empty-state{padding:40px 10px}.cart-items .empty-state h3{font-size:12px}.cart-items .empty-state p{font-size:10px}.cart-item{display:flex;gap:10px;background:#fcfdf9;border:1px solid #edf1e5;border-radius:10px;padding:11px;margin-bottom:10px}.cart-item-icon{width:33px;height:36px;display:flex;align-items:center;justify-content:center;background:#f0f4e8;color:#aabb92;border-radius:8px;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item h3{font-size:10px;line-height:1.6;margin:0}.cart-item p{font-size:9px;color:#82966b;margin:4px 0}.cart-item small{font-size:8px;color:#91a479}.tiny-badge{padding:2px 5px;background:#edf1e5;border-radius:4px;margin-left:4px}.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:10px 0 2px}.cart-item-bottom strong{font-size:11px}.quantity-control{display:flex;align-items:center;background:#fff;border:1px solid #e6ecdd;border-radius:6px}.quantity-control button{background:transparent;border:0;width:26px;height:27px;color:#7d9164;font-size:15px}.quantity-control input{width:35px;border:0;text-align:center;font-size:10px;background:transparent;appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.line-discount{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#82966b;margin-top:8px}.line-discount input{width:60px;border:1px solid #e5eadb;border-radius:4px;padding:4px;font-size:9px;text-align:right}.bill-options{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.bill-options .field{margin-bottom:13px}.bill-options .field>span,.payment-form>.field>span{font-size:9px}.bill-options input,.bill-options select,.payment-form>.field input{padding:10px;font-size:10px}.bill-totals{background:#f8faf4;border:1px solid #f0f3e8;border-radius:10px;padding:14px;margin:17px 0}.bill-totals>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:10px;color:#81956a}.bill-totals .total-due{border-top:1px dashed #dfe7d1;padding-top:14px;margin-top:9px;color:#455a30}.total-due strong:last-child{font-family:'Poppins';font-size:21px;letter-spacing:-.8px}.total-due strong:first-child{font-size:11px;align-self:center}.payment-label{display:flex;gap:7px;align-items:center;font-size:10px;margin:17px 0;color:#78955a}.payment-label small{margin-left:auto;font-size:8px;color:#9bae87}.split-payment{font-size:9px;color:#84976b;margin-bottom:15px}.split-payment summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:7px 0}.split-payment .form-grid{gap:0 10px;margin-top:12px}.split-payment .field>span{font-size:9px}.split-payment input{padding:9px;font-size:10px}.checkout-button{width:100%;justify-content:space-between;padding:15px 18px;font-size:12px}.checkout-note{font-size:8px;color:#8a9d74;text-align:center;margin-top:16px;display:flex;gap:6px;justify-content:center}.hold-form{display:flex;gap:8px;align-items:end;margin-top:15px}.hold-form .field{margin:0;flex:1}.hold-form .field>span{font-size:9px}.hold-form input{padding:10px;font-size:10px}.hold-form .button{font-size:9px;min-height:37px}.mobile-bill-button,.mobile-bill-close{display:none}.product-grid.list-view{grid-template-columns:1fr}.list-view .product-card{display:grid;grid-template-columns:80px minmax(0,1fr) 125px;gap:14px;align-items:center}.list-view .product-visual{height:80px}.list-view .stock-tag{font-size:7px;left:4px;top:4px}.list-view .product-category{display:none}.list-view .medicine-symbol{font-size:28px}.list-view .product-info{padding:0}.list-view .product-info p{margin-bottom:3px}.list-view .product-meta{margin:4px 0}.list-view .add-form{margin:0}
dialog{border:1px solid var(--line);border-radius:18px;padding:26px;width:min(480px,calc(100% - 28px));max-height:90vh;overflow:auto;box-shadow:0 20px 90px #1c291f26;color:var(--ink)}dialog::backdrop{background:#171e19a3;backdrop-filter:blur(3px)}dialog.wide-dialog{width:min(780px,calc(100% - 28px))}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:25px}.dialog-head h2{margin:0}.dialog-footer .button{min-width:150px}kbd{background:#f0f3e9;border:1px solid #dfe5d5;border-radius:5px;padding:4px 8px;font-size:11px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.settings-tile{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;padding:24px;margin-bottom:22px}.settings-tile h3{margin-top:17px}.settings-tile p{font-size:11px;color:#8b9c77}.settings-tile>strong{font-size:10px;color:#74934d}.permission-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}.permission-row>strong{font-size:11px}.permission-row .badge{margin:0 5px 5px 0}.template-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.template-preset{padding:22px 18px;border:1px solid var(--line);background:white;border-radius:13px}.template-preset>span{font-size:26px;color:#a0b785}.template-preset strong{display:block;font-size:11px;margin:16px 0 8px}.template-preset small{font-size:9px;color:#829c63}.template-preview-area{background:#ecf0e6;border-radius:15px;padding:25px;border:1px solid #e2e8d8;overflow:auto}.preview-label{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;letter-spacing:1.3px;color:#80986a;margin-bottom:25px}.backup-illustration{font-size:53px;color:#adc58f;background:#f1f6e9;border-radius:17px;text-align:center;padding:35px;margin:20px 0}.danger-panel{border-color:#eddbdd}.support-card>.brand-symbol{width:60px;height:60px;font-size:32px}.support-card h2{font-size:28px;margin-top:28px}.support-card>p{color:#8da578;font-size:11px}.support-contact{display:flex;flex-direction:column;gap:12px;margin-top:28px}.support-contact>span{font-size:10px;color:#8b9e76}.support-contact>strong{font-family:'Poppins';font-size:16px}.support-contact a{font-size:11px;color:#708952;display:flex;gap:9px;align-items:center}.help-item{border-bottom:1px solid var(--line);padding:17px 0}.help-item summary{font-family:'Poppins';font-size:12px;cursor:pointer;color:#697b52}.help-item p{font-size:11px;color:#7f9268;margin:12px 0 0}.report-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:18px;align-items:end}.report-filter .field{margin:0}.receipt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 30px;flex-wrap:wrap}.receipt-toolbar .muted{font-size:10px}.receipt{margin:20px auto;background:white;color:#111;padding:4mm;font-family:'Montserrat',Arial,sans-serif;line-height:1.6;box-shadow:0 8px 35px #3b4b2120;overflow-wrap:anywhere}.receipt.paper-58{width:58mm}.receipt.paper-80{width:80mm}.receipt.paper-a4{width:100%;max-width:210mm;padding:12mm}.receipt.font-9{font-size:9pt}.receipt.font-10{font-size:10pt}.receipt.font-11{font-size:11pt}.receipt.font-12{font-size:12pt}.receipt.font-13{font-size:13pt}.receipt.font-14{font-size:14pt}.receipt h2{text-align:center;font-size:1.25em;color:black;letter-spacing:-.4px;margin-bottom:6px}.receipt p{font-size:.75em;line-height:1.7;margin:6px 0}.receipt-brand{text-align:center;font-size:24px;margin:8px 0;color:black}.receipt-center{text-align:center}.receipt hr{border:0;border-top:1px dashed #aaa;margin:12px 0}.receipt-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8em;margin:5px 0}.receipt-row>*:last-child{white-space:nowrap}.receipt-grand{font-size:1em}.receipt-table{width:100%;font-size:.8em;table-layout:fixed}.receipt-table th{background:white;color:black;border-bottom:1px solid #aaa;padding:8px 0;font-size:.8em}.receipt-table th:last-child{width:32%}.receipt-table td{white-space:normal;padding:9px 0;vertical-align:top;border-bottom:1px dotted #bbb}.receipt-table td:last-child{white-space:nowrap;font-size:.9em}.receipt-table strong{font-size:1em}.receipt-table small{display:block;font-size:.75em;color:#333;line-height:1.7}.receipt-table tr{break-inside:avoid}.print-help{text-align:center;font-size:10px;color:#829b69;margin:25px auto;max-width:500px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:#242a20;padding:55px;display:flex;flex-direction:column;color:#dce7ce;position:relative;overflow:hidden}.auth-story .brand{font-size:29px}.story-copy{margin:auto 0;padding:80px 0}.story-copy .eyebrow{color:#8c9b7a;font-size:9px;letter-spacing:2px}.story-copy h1{font-size:54px;line-height:1.3;letter-spacing:-2px;color:#f0f5e9;margin:26px 0}.story-copy h1 span{color:var(--lime)}.story-copy>p{color:#9eac8d;font-size:12px;line-height:2}.story-features{display:flex;flex-direction:column;gap:17px;margin-top:38px}.story-features>div{display:flex;gap:13px;align-items:center;font-size:11px;color:#b4c2a3}.story-features i{color:var(--lime);font-size:15px;width:20px}.story-footer{border-top:1px solid #39432f;padding-top:20px;font-size:9px;color:#92a080;display:flex;justify-content:space-between;gap:15px}.auth-content{background:#fbfcf9;display:flex;align-items:center;justify-content:center;padding:55px 50px}.auth-card{max-width:520px;width:100%}.auth-card>h2{font-size:32px;letter-spacing:-1.1px;margin:13px 0 8px}.auth-card>.muted{font-size:11px;margin-bottom:34px}.login-form .field{margin:0 0 24px}.login-form .field input{padding:15px;font-size:12px}.login-form>.button{width:100%;margin:10px 0;padding:16px;justify-content:space-between}.auth-support{border-top:1px solid var(--line);padding-top:24px;margin-top:40px;font-size:10px;display:flex;gap:9px;flex-wrap:wrap;align-items:center}.auth-support>span{color:#879b71;margin-right:9px}.auth-support>a{color:#738b54}.auth-support>small{width:100%;font-size:9px;color:#8b9d77;margin-top:6px}.setup-checks{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.setup-checks span{font-size:9px;display:flex;align-items:center;gap:5px}.check-ok{color:#779750}.check-fail{color:#b94d58}.setup-form fieldset{padding:20px 15px}.setup-form legend b{color:#a4c27f;margin-right:8px}.setup-form .field input{padding:11px;font-size:10px}.setup-form .form-grid{gap:0 14px}.setup-form>.button{width:100%;margin-top:15px}
@media(min-width:1700px){.workspace{padding:38px 45px 0}.pos-layout{grid-template-columns:minmax(0,1fr) 395px}.product-visual{height:165px}.product-info h3{font-size:14px}.product-info p{font-size:11px}.product-price strong{font-size:19px}.product-meta{font-size:10px}.add-button{padding:12px;font-size:12px}}
@media(max-width:1250px){.sidebar{width:204px;padding-inline:12px}.main-area{margin-left:204px;width:calc(100% - 204px)}.workspace{padding:26px 24px 0}.topbar{padding-inline:24px}.pos-layout{grid-template-columns:minmax(0,1fr) 325px;gap:18px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px}.stat-card>strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:20px}.brand{font-size:22px}.nav-link{font-size:10px}}
@media(max-width:1000px){.sidebar{width:190px}.main-area{margin-left:190px;width:calc(100% - 190px)}.workspace{padding-inline:20px}.topbar{padding-inline:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right .today{display:none}.two-columns{grid-template-columns:1fr}.pos-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-panel{position:static}.cart-items{max-height:none}.template-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.report-filter{grid-template-columns:1fr 1fr}.auth-story{padding:35px}.story-copy h1{font-size:42px}.auth-content{padding:35px 28px}.page-header h1{font-size:27px}}
@media(max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:230px;box-shadow:20px 0 60px #17261126}.nav-open .sidebar{transform:translateX(0)}.nav-open:after{content:'';position:fixed;inset:0 0 0 230px;background:#18231460;z-index:25}.main-area{margin:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:62px;padding-inline:18px}.breadcrumb{gap:10px}.breadcrumb>span,.breadcrumb>i{display:none}.shop-chip{max-width:170px;font-size:9px}.workspace{padding:25px 18px 0}.page-header{gap:12px}.header-actions .button{padding:10px;font-size:9px}.page-header h1{font-size:26px}.page-header p{font-size:10px}.overline{font-size:8px}.app-footer{flex-direction:column;text-align:center;font-size:8px}.form-grid.three{grid-template-columns:1fr 1fr}.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-content{min-height:100vh;padding:35px 25px}.auth-card{max-width:580px}.welcome-banner{padding:25px}.banner-art{width:120px;margin:0;height:120px}.art-circle{width:95px;height:95px;font-size:45px;right:0}.art-cross{width:32px;height:32px;font-size:25px}.inline-access{flex-wrap:wrap}.permission-row{grid-template-columns:1fr;gap:10px}.form-footer{flex-wrap:wrap;justify-content:flex-start}}
@media(max-width:540px){.workspace{padding:22px 14px 0}.topbar{padding-inline:14px}.shop-chip{max-width:150px;font-size:8px;padding:8px}.page-header{display:block}.header-actions{margin-top:15px}.header-actions .button{font-size:10px}.page-header h1{font-size:26px}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.stat-card{padding:16px}.stat-card>strong{font-size:23px}.stat-top>span:first-child{font-size:9px}.stat-icon{width:27px;height:27px;font-size:10px}.welcome-banner{padding:23px}.welcome-banner .banner-art{display:none}.welcome-banner .eyebrow{font-size:7px}.welcome-banner h2{font-size:23px}.welcome-banner p{font-size:10px}.banner-links{gap:8px}.banner-links .button{font-size:9px;padding:9px 11px}.panel{padding:18px;border-radius:13px}.section-heading{align-items:flex-start}.section-heading h2{font-size:16px}.section-heading p{font-size:10px}.section-heading .button{font-size:9px;padding:9px}.table-toolbar{align-items:stretch;flex-direction:column;gap:12px}.table-toolbar .button{align-self:flex-start}.table-toolbar .search-form{width:100%;max-width:none}.table-wrap th{font-size:8px;padding:11px}.table-wrap td{font-size:10px;padding:14px 11px}.form-grid,.form-grid.three{grid-template-columns:1fr}.field>span{font-size:11px}.field input,.field select{font-size:12px;padding:13px}.two-columns{gap:0}.repeat-line{padding:17px 13px}.inline-form{flex-direction:column;align-items:stretch}.inline-form .field{width:100%}.settings-layout>aside{grid-template-columns:1fr}.template-presets{gap:10px}.template-preset{padding:17px 13px}.template-preset strong{font-size:10px}.template-preset small{font-size:8px}.template-preview-area{padding:20px 8px}.template-preview-area .receipt{max-width:100%}.report-filter{grid-template-columns:1fr 1fr;gap:12px}.report-filter .field:first-of-type{grid-column:span 2}.report-filter .field input{padding:11px 7px;font-size:10px}.report-filter .button{grid-column:span 2}.report-panel .section-heading{flex-direction:column}.product-grid{grid-template-columns:1fr;gap:10px}.product-card{display:grid;grid-template-columns:68px minmax(0,1fr) 90px;gap:10px;align-items:center;padding:10px}.product-visual{height:78px}.stock-tag{top:5px;left:4px;font-size:6px;padding:3px}.product-category{display:none}.medicine-symbol{font-size:27px}.product-info{padding:0}.product-info h3{font-size:11px}.product-info p{font-size:8px;margin:2px 0 5px}.product-price strong{font-size:13px}.product-price small{font-size:8px}.product-meta{font-size:7px;margin:5px 0 0}.product-meta>span:last-child{display:none}.add-form{margin:0}.add-form select{font-size:8px;padding:7px 4px;margin-bottom:5px}.add-button{font-size:8px;padding:11px 5px;gap:4px;min-height:39px}.catalogue-caption{font-size:9px}.category-tabs a{font-size:9px;padding:9px 11px}.view-switch{display:none}.product-grid.list-view{grid-template-columns:1fr}.list-view .product-card{grid-template-columns:68px minmax(0,1fr) 90px;gap:10px}.list-view .product-visual{height:78px}.checkout-panel{display:none}.bill-open .checkout-panel{display:block;position:fixed;inset:0;border-radius:0;z-index:45;overflow:auto;padding:22px 18px calc(22px + env(safe-area-inset-bottom));background:#fff}.bill-open{overflow:hidden}.mobile-bill-close{display:inline-flex;margin-left:auto;margin-right:8px}.mobile-bill-button{display:flex;position:fixed;bottom:14px;left:14px;right:14px;z-index:20;gap:9px;align-items:center;border:1px solid #d6e8bb;background:var(--lime);color:#344d20;border-radius:13px;padding:17px;font-size:11px;font-weight:600;box-shadow:0 4px 25px #384e2726}.mobile-bill-button strong{margin-left:auto;font-family:'Poppins';font-size:14px}.app-page:has(.pos-layout) .app-footer{padding-bottom:88px}.bill-open .cart-items{max-height:none}.cart-item{padding:15px}.cart-item h3{font-size:12px}.quantity-control button{width:36px;height:36px}.quantity-control input{width:40px;font-size:12px}.cart-item-bottom strong{font-size:13px}.payment-form>.field>span,.bill-options .field>span{font-size:11px}.payment-form>.field input,.bill-options select,.bill-options input{font-size:12px;padding:13px}.bill-totals>div{font-size:12px;padding:7px 0}.receipt{max-width:100%}.receipt-toolbar .button{font-size:9px;padding:10px}.receipt.paper-a4{padding:5mm}.setup-form .form-grid{grid-template-columns:1fr}.sales-chart{gap:4px}.chart-column .chart-value{font-size:7px}.pagination{font-size:9px}dialog,dialog.wide-dialog{width:calc(100% - 20px);padding:20px;max-height:94vh}}
@media print{@page{size:auto;margin:4mm}body,.app-shell,.main-area,.workspace{background:white!important;margin:0!important;padding:0!important;display:block!important;width:100%!important;min-height:0!important}.sidebar,.topbar,.page-header,.app-footer,.receipt-toolbar,.print-help,.alert,.mobile-bill-button,.page-tabs,.report-filter,.report-panel .action-group,dialog{display:none!important}.receipt{box-shadow:none;margin:0 auto!important;padding:0!important;max-width:100%}.receipt.paper-a4{page:a4}.receipt-table thead{display:table-header-group}.receipt-table tr{break-inside:avoid}.report-panel{border:0;padding:0}.report-panel .table-wrap{overflow:visible}body:has(.report-panel) .workspace>.panel:not(.report-panel){display:none}.report-panel th{color:black;background:white}.report-panel td,.report-panel th{white-space:normal;font-size:9px;padding:6px}.receipt *{color:black!important}}@page a4{size:A4;margin:12mm}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.permission-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:0 12px}.role-editor{margin-bottom:20px}.role-editor summary{padding:12px 0;font-size:11px;color:#65784e;cursor:pointer}.cart-item .field{margin:8px 0}.cart-item .field>span{font-size:8px}.cart-item .field select{font-size:9px;padding:6px}.button{min-height:44px}.field-hint,.muted,.product-info p,.product-meta,.stat-card>small,.empty-state p,.section-heading p{color:#68755d}.brand small{white-space:nowrap}
.cart-item .field,.cart-item .line-discount{display:none}.cart-item.show-details .field{display:block}.cart-item.show-details .line-discount{display:flex}.cart-details-toggle{display:inline-flex;gap:7px;float:right;background:none;border:0;color:#86966e;font-size:8px;padding:3px 0}.cart-items{max-height:180px}.bill-options{margin-top:10px;padding:13px 0;border-bottom:1px solid var(--line)}.bill-options summary{display:flex;justify-content:space-between;font-size:10px;color:#6e8059;cursor:pointer;list-style:none}.bill-options[open] summary{margin-bottom:15px}.bill-totals{margin:12px 0;padding:11px 14px}.hold-form>.field{display:none}.hold-form>.button{width:100%}.hold-form{margin-top:8px}.payment-label{margin:12px 0}.checkout-header{padding-bottom:13px;margin-bottom:12px}.checkout-panel{max-height:calc(100vh - 32px);overflow-y:auto;scrollbar-width:thin}.cart-form .text-button{font-size:9px;padding-block:4px}.checkout-note{margin-top:11px}.cart-item{padding:10px}.payment-form>.field{margin-bottom:10px}.split-payment{margin-bottom:9px}
@media(max-width:1000px){.checkout-panel{display:none}.bill-open .checkout-panel{display:block;position:fixed;inset:0 0 0 auto;width:min(480px,100%);border-radius:0;z-index:45;overflow:auto;padding:24px 20px;background:white;box-shadow:-20px 0 70px #14220f35}.bill-open{overflow:hidden}.mobile-bill-close{display:inline-flex;margin-left:auto;margin-right:8px}.mobile-bill-button{display:flex;position:fixed;bottom:14px;right:14px;left:auto;min-width:320px;z-index:20;gap:9px;align-items:center;border:1px solid #d6e8bb;background:#c2f477;color:#344d20;border-radius:13px;padding:17px;font-size:11px;font-weight:600;box-shadow:0 4px 25px #384e2726}.mobile-bill-button strong{margin-left:auto;font-family:'Poppins';font-size:14px}.app-page:has(.pos-layout) .app-footer{padding-bottom:85px}.bill-open .cart-items{max-height:none}}
@media(max-width:540px){.mobile-bill-button{left:14px;min-width:0}.bill-open .checkout-panel{inset:0;width:100%;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.permission-checks{grid-template-columns:1fr 1fr}}

/* Allow the catalogue to shrink while category tabs scroll locally. */
.catalogue{min-width:0}.pos-layout{min-width:0}

@media(max-width:1000px){.bill-open .checkout-panel{max-height:100dvh;height:100dvh}.bill-open .mobile-bill-button{visibility:hidden}}
