:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f2;color:#101412}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f2}button,input,select,textarea{font:inherit}button{border:1px solid #d9dfd4;border-radius:10px;background:#fff;color:#101412;min-height:42px;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.55;cursor:not-allowed}button{transition:transform .14s ease,border-color .14s ease,background-color .14s ease,opacity .14s ease}button:active:not(:disabled),.import-button:active{transform:scale(.97)}input,select,textarea{width:100%;min-height:42px;border:1px solid #d9dfd4;border-radius:10px;padding:0 12px;background:#fff;color:#101412}textarea{min-height:110px;padding:12px;resize:vertical}label{display:grid;gap:7px;color:#5a6258;font-size:.9rem;font-weight:700;text-transform:capitalize}h1,h2,p{margin:0}.loading,.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(420px,100%);display:grid;gap:16px;padding:28px;border:1px solid #dfe5dc;border-radius:10px;background:#fff}.login-header{text-align:center;display:grid;place-items:center;gap:8px}.brand-logo{width:40px;height:40px}.brand-logo.large{width:58px;height:58px}.login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{background:#55d63b;border-color:#55d63b;color:#10200f;font-weight:900}.ghost{background:transparent}.error,.warning{padding:10px 12px;border-radius:10px;background:#fff1ee;color:#a3311e;font-weight:700}.notice{padding:10px 14px;border:1px solid #d8e8d1;border-radius:12px;background:#f1faed;color:#295b22;font-weight:700}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px;padding:18px;background:#101f16;color:#f5f8f2}.brand span{font-weight:900;font-size:1.1rem}.sidebar nav{display:grid;gap:8px}.sidebar button{justify-content:flex-start;border-color:transparent;background:transparent;color:#dce8d7}.sidebar button.active{background:#213927;color:#70ef56}.signout{margin-top:auto}.workspace{min-width:0;display:grid;align-content:start;gap:16px;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar>div:first-child{display:grid;gap:4px}.topbar select{width:min(360px,72vw);font-weight:900}.topbar p,.muted{color:#657061}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{min-height:42px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:999px;font-weight:900;border:1px solid #d9dfd4;background:#fff}.status-pill.online{color:#236a1c}.status-pill.offline{color:#8f2d19}.status-pill strong{padding:3px 8px;border-radius:999px;background:#edf8e9}.panel,.metric{border:1px solid #dfe5dc;border-radius:5px;background:#fff;padding:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title input{width:min(420px,100%)}.sell-workspace{gap:0;padding:0;background:#f7f8ff}.sell-workspace>.topbar,.sell-workspace>.notice{display:none}.sale-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 500px;background:#f7f8ff;border-top:1px solid #c3d0c7}.sale-page.order-drawer-closed{grid-template-columns:minmax(0,1fr)}.sale-catalog{min-width:0;display:grid;align-content:start;gap:26px;padding:30px}.sale-category-tabs{min-width:0;display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.sale-category-tabs button{min-width:134px;min-height:48px;flex:0 0 auto;border-color:#b9c9c0;border-radius:14px;background:#eaf2ff;color:#3d4740;font-weight:900}.sale-category-tabs button.active{border-color:#087a55;background:#087a55;color:#fff}.sale-search{width:min(420px,100%);min-height:42px;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;padding:0 12px;border:1px solid #c3d0c7;border-radius:999px;background:#fff;color:#657061;text-transform:none}.sale-search input{min-height:38px;border:0;padding:0;background:transparent}.sale-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:30px;align-items:start}.sale-product-card{min-height:326px;display:grid;align-content:start;justify-items:start;gap:8px;padding:6px 6px 16px;border-color:#b9c9c0;border-radius:9px;background:#fff;color:#142238;text-align:left;position:relative}.sale-product-card:disabled{opacity:.52;cursor:not-allowed}.sale-product-price{position:absolute;top:13px;right:13px;z-index:1;padding:8px 10px;border-radius:3px;background:#ffffffe6;color:#087a55;font-size:1.15rem;font-weight:500}.sale-low-stock{position:absolute;top:13px;left:13px;z-index:1;padding:6px 8px;border-radius:999px;background:#fff1ee;color:#a3311e;font-size:.75rem;font-weight:900}.sale-product-image,.order-line-image{background:linear-gradient(135deg,rgba(8,122,85,.13),transparent 52%),#f1f4f2;color:#087a55;font-weight:900}.sale-product-image{width:100%;height:199px;display:grid;place-items:center;border-radius:5px}.sale-product-image:before,.order-line-image:before{content:attr(data-initials)}.sale-product-card strong{padding:0 10px;color:#142238;font-size:1.05rem;line-height:1.16}.sale-product-card span:last-child{padding:0 10px;color:#3f4c44;line-height:1.28}.open-order-drawer{position:fixed;right:18px;bottom:18px;z-index:20;min-height:52px;border-color:#087a55;background:#087a55;color:#fff;box-shadow:0 10px 24px #087a5533}.order-drawer{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid #c3d0c7;background:#f7f8ff}.order-drawer-closed .order-drawer{display:none}.order-header{min-height:123px;display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:8px;align-items:start;padding:31px 30px;border-bottom:1px solid #c3d0c7}.order-header h2{margin:0;color:#142238;font-size:1.5rem}.order-header p{margin-top:4px;color:#3f4c44;font-size:1.3rem}.order-lines{display:grid;align-content:start;gap:19px;padding:30px;overflow-y:auto}.order-line{min-height:94px;display:grid;grid-template-columns:72px minmax(0,1fr) 120px 88px;gap:18px;align-items:center;padding:14px 18px;border:1px solid #b9c9c0;border-radius:9px;background:#fff}.order-line-image{width:58px;height:58px;display:grid;place-items:center;border-radius:5px}.order-line-copy{min-width:0;display:grid;gap:4px}.order-line-copy strong{color:#142238;font-size:1.02rem;line-height:1.18;overflow-wrap:anywhere}.order-line-copy span{color:#3f4c44;font-size:.9rem}.order-line-qty{display:grid;grid-template-columns:40px 1fr 40px;gap:8px;align-items:center;text-align:center;color:#142238;font-size:1.15rem}.order-line-qty button{width:40px;min-height:40px;padding:0;border:0;border-radius:3px;background:#eaf2ff;color:#087a55;font-weight:900}.order-line-total{justify-self:end;color:#142238;font-size:1.08rem}.order-footer{display:grid;gap:24px;padding:30px;border-top:1px solid #c3d0c7;background:#edf4ff}.order-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.order-actions button{min-height:52px;border-color:#c3d0c7;border-radius:4px;background:#fff;color:#3f4c44;font-size:1.1rem}.order-totals{display:grid;grid-template-columns:1fr auto;gap:11px;color:#3f4c44}.order-totals strong{color:#142238}.order-totals span:nth-last-child(2),.order-totals strong:last-child{padding-top:13px;border-top:1px solid #d7e0ed;font-size:1.2rem}.order-totals strong:last-child{color:#087a55}.payment-select{text-transform:none}.charge-button{min-height:110px;border:0;border-radius:8px;background:#087a55;color:#fff;font-size:1.25rem;font-weight:500;box-shadow:0 10px 20px #087a5533}.payment-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#14223861}.payment-sheet{width:min(430px,100%);display:grid;gap:18px;padding:22px;border:1px solid #c3d0c7;border-radius:8px;background:#fff;box-shadow:0 24px 60px #14223838}.payment-sheet header{display:flex;align-items:start;justify-content:space-between;gap:14px}.payment-sheet h2{margin:0;color:#142238}.payment-sheet p{margin-top:4px;color:#087a55;font-weight:900}.payment-options{display:grid;gap:10px}.payment-options button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;min-height:64px;justify-content:flex-start;border-color:#c3d0c7;border-radius:6px;background:#f8fbff;color:#142238;font-size:1.05rem;font-weight:900}.payment-options button:hover,.payment-options button.active{border-color:#087a55;background:#f4fbf8}.payment-options small{color:#087a55;font-size:.78rem;font-weight:900}.discount-form{display:grid;gap:12px}.discount-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.discount-mode button{min-height:42px;border-radius:6px}.discount-mode button.active{border-color:#087a55;background:#f4fbf8;color:#087a55;font-weight:900}.two-column,.report-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:16px;align-items:start}.product-page{display:grid;gap:16px}.table-list{display:grid}.product-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.45fr) minmax(150px,.35fr) minmax(130px,.3fr);gap:10px;align-items:center;margin-bottom:14px;max-width:100%}.import-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9dfd4;border-radius:10px;padding:0 14px;background:#fff;color:#101412;font-weight:800;white-space:nowrap;cursor:pointer}.import-button input{display:none}.row{display:grid;grid-template-columns:1.4fr 1fr .8fr .8fr .7fr;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #edf0ea}.product-row{grid-template-columns:minmax(180px,1.45fr) minmax(110px,.75fr) minmax(110px,.65fr) minmax(90px,.55fr) 92px}.product-row.deleted{color:#8a9187;background:#fafbf9}.row-actions{display:flex;justify-content:flex-end;gap:8px}.icon-button{width:38px;min-width:38px;height:38px;min-height:38px;padding:0}.icon-button.danger{color:#9b2f1f}.floating-add-button{position:fixed;right:24px;bottom:24px;z-index:20;min-height:54px;padding:0 20px;border-color:#55d63b;background:#55d63b;color:#10200f;font-weight:900}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#101f165c}.product-modal{width:min(760px,100%);max-height:min(860px,calc(100vh - 40px));overflow:auto;display:grid;gap:16px;border:1px solid #dfe5dc;border-radius:5px;background:#fff;padding:18px}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-actions{display:flex;align-items:center;gap:10px}.modal-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-footer{align-items:flex-end}.modal-footer .muted{max-width:420px}.is-loading svg{animation:spin .76s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{padding:16px 0}.form-grid{display:grid;gap:12px}.metric{display:grid;gap:6px}.metric span{color:#657061;font-weight:800}.metric strong{font-size:1.7rem}.reports-page{display:grid;gap:16px}.reports-header,.report-filters,.report-actions,.report-metrics,.reports-grid{display:grid;gap:12px}.reports-header{grid-template-columns:minmax(0,1fr) auto;align-items:center}.report-actions{grid-auto-flow:column}.report-filters{grid-template-columns:repeat(3,minmax(180px,1fr))}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.reports-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.report-wide{grid-column:1 / -1}.report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0ea;text-transform:capitalize}.report-row.three{grid-template-columns:minmax(0,1fr) auto auto}.report-row span{min-width:0;overflow-wrap:anywhere}.report-row small{color:#657061;font-weight:800}.split{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf0ea}.narrow{max-width:680px}.settings-workspace{gap:0;padding:0;background:#f7f8fc}.settings-workspace>.topbar,.settings-workspace>.notice{display:none}.settings-page{min-height:100vh;display:grid;align-content:start;gap:34px;padding:0 30px 80px;color:#142238}.settings-topbar{min-height:54px;display:grid;grid-template-columns:auto minmax(220px,240px) 1fr;gap:18px;align-items:center;margin:0 -30px;padding:0 30px;border-bottom:1px solid #d6ded8;background:linear-gradient(180deg,#fbfcff,#f5f7fd)}.settings-topbar h2{margin:0;color:#112039;font-size:1.35rem;line-height:1;letter-spacing:0}.settings-search{min-height:28px;display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;padding:0 10px;border:1px solid #bccbc2;border-radius:999px;background:#f5f8fb;color:#657061;text-transform:none}.settings-search input{min-height:26px;border:0;padding:0;background:transparent;font-size:.82rem}.settings-top-actions{display:flex;justify-content:flex-end;align-items:center;gap:17px}.settings-online{min-height:24px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid #b9d8cc;border-radius:999px;background:#dff3ee;color:#087456;font-size:.78rem;font-weight:900}.settings-online span{width:7px;height:7px;border-radius:999px;background:#0b8b63}.settings-icon-button{width:28px;min-height:28px;padding:0;border:0;background:transparent;color:#324038;position:relative}.settings-icon-button.has-dot:after{content:"";position:absolute;top:3px;right:4px;width:6px;height:6px;border-radius:999px;background:#dc2f2f}.settings-hero{display:grid;gap:6px;padding-top:2px}.settings-hero h1{margin:0;color:#17253d;font-size:1.82rem;line-height:1.08;letter-spacing:0}.settings-hero p{color:#344139;font-size:1rem}.settings-layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(282px,1fr);gap:22px;align-items:start;max-width:892px}.settings-form,.settings-side,.settings-card-body{display:grid;gap:22px}.settings-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:23px;border-color:#bdcec4;background:#fff}.settings-card h4,.settings-support-card h4{margin:0;color:#112039}.settings-card-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;background:#eaf4ef;color:#077453}.settings-card-copy{display:grid;gap:4px}.settings-fields{display:grid;gap:18px}.settings-fields.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-fields input,.settings-fields select,.salesperson-input{min-height:36px;border-color:#c3d0c7;border-radius:4px;background:#fff}.settings-fields label{gap:6px;color:#36453d;font-size:.78rem;text-transform:none}.settings-divider{height:1px;background:#c8d5cc}.settings-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.check-row{min-height:53px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;padding:0 14px;border:1px solid #e4e9ec;border-radius:4px;background:#f7f8fb;text-transform:none}.check-row:has(input:checked){border-color:#b9d7cc;background:#f4fbf8}.check-row span{color:#142238;font-weight:500}.check-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:42px;height:23px;min-height:23px;border:0;border-radius:999px;padding:0;background:#becbc1;position:relative;cursor:pointer}.check-row input:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:999px;background:#fff;transition:transform .14s ease}.check-row input:checked{background:#087a55}.check-row input:checked:after{transform:translate(19px)}.settings-footer{display:flex;justify-content:flex-end;padding-top:14px}.settings-save{min-width:174px;min-height:52px;border:0;border-radius:6px;background:#087a55;color:#fff;box-shadow:0 8px 15px #087a552e}.settings-side{gap:22px}.settings-staff-card{grid-template-columns:1fr;gap:18px}.settings-staff-card .panel-title{margin-bottom:0}.settings-count{min-width:41px;min-height:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:2px;background:#e8f7f0;color:#087a55;font-size:.78rem;font-weight:900}.salesperson-add-row{display:grid;grid-template-columns:minmax(0,1fr) 74px;gap:8px}.salesperson-input{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:0 9px;color:#67746d;text-transform:none}.salesperson-input input{min-height:34px;border:0;padding:0;background:transparent;font-size:.82rem}.salesperson-add-row button{min-height:36px;border-radius:4px;font-size:.84rem;font-weight:900}.settings-empty-staff{min-height:192px;display:grid;place-items:center;align-content:center;gap:14px;padding:22px;border:1px dashed #d4dde7;border-radius:5px;background:#f8faff;color:#344139;text-align:center}.settings-empty-staff p{font-size:.89rem;line-height:1.35}.settings-empty-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#6d7a72}.staff-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #edf0ea}.staff-row strong{min-width:0;overflow-wrap:anywhere}.staff-row span{padding:4px 8px;border-radius:999px;background:#f6f8f4;color:#657061;font-size:.82rem;font-weight:800}.settings-support-card{display:grid;gap:12px;padding:24px 22px;border-radius:5px;background:#121d31;color:#fff}.settings-support-card h4{color:#fff}.settings-support-card p{color:#dbe2ee;font-size:.86rem;line-height:1.35}.settings-support-card button{margin-top:6px;min-height:40px;border-color:#465168;border-radius:4px;background:#2f3748;color:#fff;font-weight:900}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:1fr;padding:12px}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.sidebar button{min-height:54px;justify-content:center;padding:0 8px;font-size:.82rem}.signout{display:none}.report-grid,.sale-page,.sale-page.order-drawer-closed{grid-template-columns:1fr}.order-drawer{position:fixed;inset:0 0 0 auto;z-index:30;width:min(500px,100vw);box-shadow:-16px 0 30px #1422381f}.product-toolbar{grid-template-columns:1fr 1fr}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.reports-header,.report-metrics,.reports-grid,.settings-layout,.settings-fields.two-column,.settings-options{grid-template-columns:1fr}.settings-topbar{grid-template-columns:1fr;gap:10px;padding-top:12px;padding-bottom:12px}.settings-top-actions{justify-content:flex-start}.report-actions{grid-auto-flow:row;grid-template-columns:1fr 1fr}}@media (max-width: 640px){.workspace{padding:12px}.settings-workspace,.sell-workspace{padding:0}.sale-catalog{padding:20px 16px 90px}.sale-category-tabs{gap:10px}.sale-category-tabs button{min-width:112px}.sale-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sale-product-card{min-height:260px}.sale-product-image{height:150px}.settings-page{gap:24px;padding:0 16px 48px}.settings-topbar{margin:0 -16px;padding-right:16px;padding-left:16px}.settings-card{grid-template-columns:1fr;padding:18px}.brand span{display:none}.sidebar nav{overflow-x:auto;grid-template-columns:repeat(5,96px)}.panel-title{align-items:stretch;flex-direction:column}.order-line,.row{grid-template-columns:1fr}.order-header,.order-lines,.order-footer{padding:20px 16px}.order-header{grid-template-columns:minmax(0,1fr) 42px 42px}.order-actions{gap:10px}.product-toolbar,.report-filters,.report-actions,.report-row,.report-row.three{grid-template-columns:1fr}.settings-footer{justify-content:stretch}.settings-save{width:100%}.salesperson-add-row,.staff-row{grid-template-columns:1fr}.floating-add-button{right:12px;bottom:12px}.modal-header,.modal-footer,.modal-actions{align-items:stretch;flex-direction:column}.modal-form-grid{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}