:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17251f;background:#f3f1e9;--primary: #338BC6;--primary-dark: #1f6698;--primary-darker: #174d73;--primary-soft: #e7f3fb;--primary-muted: #c9e4f5;--primary-border: #88bee1}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:.55rem;padding:.7rem 1rem;background:var(--primary-soft);color:var(--primary-darker);font-weight:700}button:disabled{cursor:not-allowed;opacity:.5}input{width:100%;border:1px solid #cbd4ce;border-radius:.55rem;padding:.8rem .9rem;background:#fff;color:#17251f}input:focus{outline:3px solid #338bc644;border-color:var(--primary)}header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem clamp(1rem,4vw,4rem);background:var(--primary);color:#fff}h1,h2,h3,h4,p{margin-top:0}h1{margin-bottom:0;font-size:1.5rem}h2{margin-bottom:0;font-size:clamp(1.6rem,4vw,2.5rem)}h3{margin:0;font-size:1.35rem}.eyebrow{display:block;color:#b68a31;font-size:.68rem;font-weight:800;letter-spacing:.15em;margin-bottom:.35rem}header .eyebrow{color:#d5a94e}.app-nav{display:flex;gap:.25rem;padding:.25rem;border-radius:.65rem;background:#ffffff0d}.app-nav button{padding:.45rem .8rem;background:transparent;color:#b8c5bf;font-size:.82rem}.app-nav button.active{background:#fff;color:var(--primary-darker)}.header-status{text-align:right;color:#c8d3ce;font-size:.8rem}.connection{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;color:#fff;font-size:.9rem;margin-bottom:.25rem}.sync-controls{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.sync-controls button{padding:.28rem .55rem;background:#ffffff18;color:#fff;font-size:.72rem}.user-menu{display:flex;align-items:center;gap:.65rem;padding-left:.9rem;border-left:1px solid #ffffff22}.user-menu span,.user-menu strong{display:block;text-align:right}.user-menu span{color:#aebdb6;font-size:.68rem;text-transform:capitalize}.user-menu strong{color:#fff;font-size:.8rem;text-transform:none}.user-menu button{padding:.35rem .55rem;background:#ffffff12;color:#fff;font-size:.7rem}.language-picker{display:grid;gap:.2rem;color:#aebdb6;font-size:.68rem;font-weight:800;text-align:left}.language-picker select,.login-language select{border:1px solid #ffffff33;border-radius:.45rem;padding:.28rem .45rem;background:#ffffff12;color:#fff;font-size:.75rem}.language-picker option,.login-language option{color:#17251f}.dot{width:.65rem;height:.65rem;border-radius:50%;background:#52c78b;box-shadow:0 0 0 .25rem #52c78b22}.offline .dot{background:#e6a849}main{max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.scan-panel{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(18rem,1fr) auto;align-items:end;gap:1rem;padding:1.4rem;border-radius:.9rem;background:#fff;box-shadow:0 .8rem 2.5rem #182b2310}.scanner-field label,.cash-field{display:block;font-size:.76rem;font-weight:800;color:#56645e}.scanner-field input,.cash-field input{margin-top:.35rem}.scan-panel>button{min-height:46px;background:var(--primary);color:#fff}.notice{margin-top:1rem;padding:.75rem 1rem;border-left:4px solid #d5a94e;background:#fff8e8;color:#5f502d;border-radius:.25rem}.sync-warning{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.75rem 1rem;border-left:4px solid #a14d3d;background:#fff0ed;color:#6f352a;border-radius:.25rem}.sync-warning button{background:#8f4134;color:#fff}.sync-warning ul{margin:.5rem 0 0;padding-left:1.2rem;font-size:.78rem}.sync-warning li+li{margin-top:.25rem}.sync-warning li span{font-family:ui-monospace,monospace;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:1.5rem;margin-top:1.5rem;align-items:start}.products-panel,.cart-panel{background:#fff;border-radius:.9rem;box-shadow:0 .8rem 2.5rem #182b230c}.products-panel{padding:1.4rem}.section-title,.cart-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.secondary{background:var(--primary-soft)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.75rem}.product-card{min-height:145px;padding:1rem;text-align:left;border:1px solid #dfe4df;background:#faf9f4;display:flex;flex-direction:column;align-items:flex-start;transition:transform .12s ease,border-color .12s ease}.product-card:hover{transform:translateY(-2px);border-color:var(--primary-border)}.product-card strong{margin:.45rem 0 auto;color:#25372f}.product-card .price{margin-top:.8rem;color:var(--primary-darker);font-size:1.15rem;font-weight:800}.product-card small{color:#718078;font-weight:500}.sku{font-family:ui-monospace,monospace;color:#897950;font-size:.7rem}.cart-panel{position:sticky;top:1rem;padding:1.4rem}.text-button{padding:.3rem;background:transparent;color:#7b4f45}.cart-lines{min-height:130px;max-height:42vh;overflow:auto;border-block:1px solid #e3e7e3}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:.7rem;padding:.8rem 0;border-bottom:1px solid #edf0ed}.line-description{min-width:0}.line-description strong,.line-description small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-description small{margin-top:.2rem;color:#748078}.quantity{display:flex;align-items:center;gap:.45rem}.quantity button{width:1.8rem;height:1.8rem;padding:0;border-radius:50%}.quantity span{min-width:1.2rem;text-align:center}.remove{padding:.2rem;background:transparent;color:#9a5b4d;font-size:1.2rem}.empty,.empty-cart{padding:2rem 1rem;color:#718078;text-align:center}.totals{padding:1rem 0}.totals>div,.change-row{display:flex;justify-content:space-between;padding:.3rem 0}.grand-total{margin-top:.4rem;padding-top:.8rem!important;border-top:1px solid #dfe4df;font-size:1.35rem;font-weight:800}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.payment-methods button{border:2px solid transparent}.payment-methods button.selected{border-color:var(--primary);background:var(--primary-soft)}.cash-field{margin-top:.8rem}.change-row{color:#526159;margin-top:.3rem}.checkout{width:100%;margin-top:.9rem;padding:.95rem;background:var(--primary);color:#fff}.receipt{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:2rem;margin-top:1.5rem;padding:1.2rem 1.4rem;border:1px solid var(--primary-border);border-radius:.9rem;background:var(--primary-soft)}.receipt strong,.receipt small{display:block}.pending-badge{padding:.4rem .6rem;border-radius:999px;background:#fff1cf;color:#755d28;font-size:.75rem;font-weight:800}.pending-badge.synced{background:#dcefe3;color:#286340}@media (max-width: 900px){.workspace{grid-template-columns:1fr}.cart-panel{position:static}.scan-panel{grid-template-columns:1fr auto}.scan-panel>div:first-child{grid-column:1 / -1}}@media (max-width: 600px){header{align-items:flex-start;gap:1rem}.scan-panel{grid-template-columns:1fr}.scan-panel>div:first-child{grid-column:auto}.workspace{gap:1rem}.cart-line{grid-template-columns:1fr auto auto}.cart-line .quantity{grid-column:1}.receipt{grid-template-columns:1fr 1fr;gap:1rem}}.reports-page{max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.reports-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:1.4rem;border-radius:.9rem;background:#fff;box-shadow:0 .8rem 2.5rem #182b2310}.reports-heading p{margin:.6rem 0 0;color:#68766f}.report-filters{display:flex;align-items:end;gap:.65rem}.report-filters label{min-width:9.5rem;font-size:.72rem;font-weight:800;color:#56645e}.report-filters input{margin-top:.3rem;padding:.6rem}.report-filters button{min-height:42px;white-space:nowrap;background:var(--primary);color:#fff}.report-error{margin-top:1rem;padding:.8rem 1rem;border-left:4px solid #a14d3d;background:#fff0ed;color:#6f352a}.report-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:1rem}.report-metrics article{padding:1rem 1.1rem;border:1px solid #e0e5e1;border-radius:.75rem;background:#faf9f4}.report-metrics span,.report-metrics strong{display:block}.report-metrics span{color:#6d7973;font-size:.74rem;font-weight:700}.report-metrics strong{margin-top:.4rem;font-size:clamp(1.3rem,2.5vw,2rem);color:var(--primary-darker)}.report-metrics .alert-metric{background:#fff6df;border-color:#ead6a6}.report-metrics .alert-metric strong{color:#8a6018}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.report-card{min-width:0;padding:1.25rem;border-radius:.85rem;background:#fff;box-shadow:0 .6rem 2rem #182b230b}.report-card.wide,.report-card.full{grid-column:1 / -1}.report-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.84rem}th{padding:.65rem .7rem;border-bottom:1px solid #dce2dd;color:#718078;font-size:.68rem;letter-spacing:.06em;text-align:left;text-transform:uppercase}td{padding:.72rem;border-bottom:1px solid #edf0ed}th:not(:first-child),td:not(:first-child){text-align:right}.no-data{padding:2rem;color:#7b8781;text-align:center!important}.rank-list>div{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:.7rem 0;border-bottom:1px solid #edf0ed}.rank-list strong,.rank-list small{display:block}.rank-list small{margin-top:.15rem;color:#748078}.rank,.avatar{display:grid;width:2rem;height:2rem;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-darker);font-weight:800}.avatar{background:var(--primary);color:#fff}.low-stock-count{padding:.35rem .55rem;border-radius:999px;background:#fff0d1;color:#805b18;font-size:.72rem;font-weight:800}.low-row{background:#fffbf0}.stock-status{padding:.25rem .45rem;border-radius:999px;font-size:.68rem;font-weight:800}.stock-status.ok{background:#e0f2e6;color:#286340}.stock-status.low{background:#fff0d1;color:#805b18}.mono{font-family:ui-monospace,monospace;font-size:.75rem}.positive{color:#237245;font-weight:800}.negative{color:#9b4537;font-weight:800}@media (max-width: 1000px){.report-metrics{grid-template-columns:repeat(2,1fr)}.reports-heading{align-items:stretch;flex-direction:column}}@media (max-width: 700px){header{flex-wrap:wrap}.app-nav{order:3;width:100%}.app-nav button{flex:1}.report-grid{grid-template-columns:1fr}.report-card{grid-column:1!important}.report-filters{align-items:stretch;flex-direction:column}.report-filters label{width:100%}.report-metrics{grid-template-columns:1fr 1fr}}.login-page{display:grid;min-height:100vh;max-width:none;padding:clamp(1rem,5vw,5rem);place-items:center;background:radial-gradient(circle at 15% 15%,#6fb3df 0,var(--primary) 42%,var(--primary-darker) 100%)}.login-card{display:grid;grid-template-columns:.75fr 1.25fr;width:min(880px,100%);overflow:hidden;border-radius:1rem;background:#fff;box-shadow:0 2rem 6rem #0007}.login-brand{display:flex;flex-direction:column;justify-content:space-between;min-height:470px;padding:2rem;background:linear-gradient(160deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.login-brand-mark{display:grid;align-content:start;gap:1.1rem;min-width:0}.login-brand span{font-size:.72rem;font-weight:900;letter-spacing:.18em}.login-brand img{display:block;width:min(100%,300px);max-height:230px;object-fit:contain;border-radius:.9rem;background:#fff8;box-shadow:0 1rem 2.5rem #1239}.login-brand strong{max-width:12ch;font-size:clamp(1.8rem,3.5vw,3rem);line-height:.95;text-shadow:0 .15rem .6rem #1237}.login-language{display:grid;gap:.25rem;font-size:.72rem;font-weight:900;letter-spacing:.08em}.login-language select{width:max-content;min-width:9rem;border-color:#fff5;background:#ffffff18;color:#fff;letter-spacing:0}.login-card form{padding:clamp(2rem,6vw,4rem)}.login-card form h1{margin-bottom:.65rem;color:var(--primary-darker);font-size:2.4rem}.login-card form p{margin-bottom:1.6rem;color:#718078}.login-card form label{display:block;margin-top:1rem;color:#56645e;font-size:.74rem;font-weight:800}.login-card form input{margin-top:.35rem}.login-card form button{width:100%;margin-top:1.25rem;padding:.9rem;background:var(--primary);color:#fff}.login-error{margin-top:1rem;padding:.65rem;border-left:3px solid #9b4537;background:#fff0ed;color:#75382f;font-size:.8rem}.login-card aside{grid-column:1 / -1;display:flex;gap:1rem;padding:.8rem 1.2rem;background:var(--primary-soft);color:#466779;font-size:.72rem}.login-card aside code{color:var(--primary-darker)}@media (max-width: 650px){.login-card{grid-template-columns:1fr}.login-brand{min-height:0;gap:1.2rem;padding:1.3rem}.login-brand-mark{grid-template-columns:minmax(0,7rem) 1fr;align-items:center;gap:.85rem}.login-brand-mark span{grid-column:1 / -1}.login-brand img{width:100%;max-height:5.5rem;border-radius:.65rem}.login-brand strong{max-width:none;font-size:1.6rem}.login-card aside{align-items:flex-start;flex-direction:column;gap:.3rem}.user-menu{padding-left:0;border-left:0}}.admin-page{max-width:1500px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem)}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1.4rem;border-radius:.9rem;background:#fff;box-shadow:0 .8rem 2.5rem #182b2310}.admin-heading p{margin:.6rem 0 0;color:#68766f}.admin-heading button,.admin-card form button{background:var(--primary);color:#fff}.admin-grid{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(280px,.55fr);gap:1rem;margin-top:1rem}.admin-card{min-width:0;padding:1.25rem;border-radius:.85rem;background:#fff;box-shadow:0 .6rem 2rem #182b230b}.product-table,app-labels,.label-printer{grid-column:1 / -1}app-labels{display:block;min-width:0}.label-printer{width:100%}.user-table{grid-column:1 / -1}.admin-card form{display:grid;gap:.75rem}.admin-card label{display:block;color:#56645e;font-size:.74rem;font-weight:800}.admin-card input,.admin-card select{width:100%;margin-top:.35rem;border:1px solid #cbd4ce;border-radius:.55rem;padding:.7rem .75rem;background:#fff}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.checkbox{display:flex!important;align-items:center;gap:.5rem}.checkbox input{width:auto;margin:0}.product-table td:last-child,.product-table th:last-child{text-align:right}.muted{color:#68766f;font-size:.82rem}.inactive-row{color:#718078;background:#f8f8f5}.text-button.danger{color:#a14d3d}.label-tools{display:grid;grid-template-columns:minmax(220px,1fr) 9rem;gap:.75rem;margin-bottom:1rem}.label-workspace{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:1rem;align-items:start}.label-product-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:#68766f;font-size:.82rem}.label-products table strong,.label-products table small{display:block}.label-products table small{margin-top:.15rem;color:#718078}.label-preview-panel{min-width:0;border:1px solid #e0e5e1;border-radius:.75rem;background:#faf9f4}.label-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid #e0e5e1}.label-preview-heading strong,.label-preview-heading small{display:block}.label-preview-heading small{margin-top:.15rem;color:#718078}.label-preview-heading button{background:var(--primary);color:#fff}.selected-labels{display:grid;gap:.4rem;padding:.8rem 1rem;border-bottom:1px solid #e0e5e1}.selected-labels>div{display:grid;grid-template-columns:minmax(0,1fr) 4.8rem auto;align-items:center;gap:.5rem}.selected-labels span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-labels input{padding:.45rem .5rem}.label-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.55rem;padding:1rem}.shelf-label{display:grid;grid-template-rows:auto auto 44px auto auto;align-items:center;min-height:150px;padding:.65rem .75rem;overflow:hidden;border:1px dashed #adb9b2;border-radius:.35rem;background:#fff;text-align:center;page-break-inside:avoid;break-inside:avoid}.shelf-label strong{display:-webkit-box;min-height:2.15rem;overflow:hidden;color:#17251f;font-size:.95rem;line-height:1.08;-webkit-line-clamp:2;-webkit-box-orient:vertical}.shelf-label-price{color:var(--primary-darker);font-size:1.55rem;font-weight:900;line-height:1}.barcode{width:100%;height:42px;fill:#111}.barcode-text{font-family:ui-monospace,monospace;font-size:.72rem;letter-spacing:.08em}.shelf-label small{overflow:hidden;color:#5f6d66;font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.empty-labels{grid-column:1 / -1;margin:0;padding:2rem;color:#718078;text-align:center}@media (max-width: 1050px){.label-workspace{grid-template-columns:1fr}}@media (max-width: 900px){.admin-grid{grid-template-columns:1fr}.product-table,.label-printer,.user-table{grid-column:auto}}@media (max-width: 650px){.label-tools,.selected-labels>div{grid-template-columns:1fr}}@media print{@page{size:letter;margin:.35in}:root,body{background:#fff;color:#000}body *{visibility:hidden!important}.label-sheet,.label-sheet *{visibility:visible!important}.label-sheet{position:absolute;inset:0 auto auto 0;display:grid;grid-template-columns:repeat(3,2.55in);gap:.12in;width:100%;padding:0}.shelf-label{width:2.55in;height:1.55in;min-height:0;padding:.08in .1in;border:1px solid #d0d0d0;border-radius:0;box-shadow:none}.shelf-label strong{min-height:.34in;color:#000;font-size:10pt}.shelf-label-price{color:#000;font-size:18pt}.barcode{height:.42in}.barcode-text{font-size:7pt}.shelf-label small{color:#000;font-size:6.5pt}.no-print{display:none!important}}