*{box-sizing:border-box} :root{--ink:#18332f;--muted:#778682;--teal:#17695b;--light:#e6f0eb;--line:#e4e9e4;--orange:#ed9a4b}body{margin:0;background:#f7f8f4;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a.btn{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#153c33;color:#c1d4cc;padding:35px 21px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:#fff;letter-spacing:1px;font-size:18px;font-weight:750}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e5a15c;color:#173d33;font-size:16px;letter-spacing:0}.brand-sub{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:#99b9ab}.nav-label{font-size:10px;letter-spacing:1.8px;color:#719789;margin:48px 12px 17px}nav a{display:flex;gap:14px;align-items:center;padding:15px 14px;margin:5px 0;border-radius:9px}nav a span{font-size:21px;width:22px}nav a.active{background:#2a5549;color:#fff}nav a:hover{background:#244e42}.side-bottom{margin-top:auto;font-size:11px;padding:15px 9px}.side-bottom small{display:block;color:#83a797;margin-top:7px;font-size:10px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80be88;margin-right:6px}.profile{border-top:1px solid #31564a;margin-top:25px;padding-top:24px;display:flex;gap:12px;align-items:center}.profile>span{background:#345e50;padding:12px;border-radius:50%;font-weight:600}.workspace{margin-left:232px}header{height:77px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-size:12px;color:#6e7d77}.breadcrumb span{margin:0 14px;color:#cad1cb}.header-right{font-size:11px;color:#657970}.date{border-left:1px solid var(--line);margin-left:20px;padding-left:20px}main{padding:34px 38px;max-width:1600px;margin:auto}footer{padding:15px 38px 25px;color:#8b9690;font-size:11px}footer span{margin:0 8px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}h1{font-size:29px;letter-spacing:-.8px;margin:0 0 10px}h2{font-size:17px;margin:0}h3{font-size:14px;margin:0}.subtitle,.muted{color:var(--muted);font-size:12px;line-height:1.7}.eyebrow{font-size:10px;font-weight:600;color:var(--teal);letter-spacing:1.8px;margin-bottom:12px}.btn,button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:7px;border:1px solid var(--line);background:#fff;font-weight:600;font-size:12px}.btn.primary,button.primary{background:var(--teal);color:white;border-color:var(--teal)}.btn.small{padding:7px 11px;font-size:11px}.danger{color:#ad4949}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{padding:23px;background:#fff;border:1px solid var(--line);border-radius:10px}.stat .label{color:#75847e;font-size:11px}.stat .value{font-size:26px;font-weight:650;margin:15px 0 10px;letter-spacing:-1px}.stat small{font-size:10px;color:#8a968e}.stat.accent{background:#183f35;color:#fff;border-color:#183f35}.stat.accent .label,.stat.accent small{color:#a7c5b7}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:23px 24px;border-bottom:1px solid var(--line);gap:12px}.panel-body{padding:24px}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.notice{background:#fff5e9;border:1px solid #f3dcc0;border-radius:9px;padding:18px 23px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.notice p{margin:6px 0 0;color:#967146;font-size:12px}.badge{font-size:10px;padding:5px 8px;border-radius:5px;display:inline-block;white-space:nowrap;background:var(--light);color:#36705b}.badge.warning{background:#fff0db;color:#b07937}.badge.void{background:#f8e8e8;color:#b44e4e}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fafbf8;color:#849087;font-size:10px;letter-spacing:.7px;font-weight:600;padding:14px 21px;white-space:nowrap}td{padding:17px 21px;border-top:1px solid #eef0eb}td small{display:block;color:#8a968d;font-size:10px;margin-top:6px}.number{text-align:right;white-space:nowrap}.empty{text-align:center;color:#849087;padding:45px 20px;line-height:1.8}.stock-item{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;border-bottom:1px solid #eef0eb;font-size:12px}.stock-item small{display:block;font-size:10px;color:#8a968d;margin-top:5px}.alert{border-radius:8px;padding:15px 20px;line-height:1.7;margin-bottom:20px;font-size:12px}.success{background:#e5f0e7;color:#386349}.error{background:#fbe6e4;color:#a34740}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:20px}.search{flex:1;max-width:460px}input,select{border:1px solid #dce3db;border-radius:6px;background:#fff;padding:11px 12px;min-width:0;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #17695b13}label{display:block;font-size:11px;color:#6d7e74;margin-bottom:7px}.field{margin-bottom:16px}.field input,.field select{width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.modal{border:0;border-radius:12px;padding:0;width:550px;max-width:95vw;box-shadow:0 20px 80px #132f3340}.modal::backdrop{background:#102f2a70}.modal .panel-head{background:#f7f9f4}.modal form{padding:24px}.check-label{display:flex;align-items:center;gap:10px;margin:5px 0 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.cashier-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:23px;align-items:start}.category-tabs{display:flex;gap:8px;margin:18px 0 24px}.category-tabs button{border:1px solid var(--line);padding:9px 14px;border-radius:20px;background:#fff;color:#829084;font-size:11px}.category-tabs button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px;min-height:167px;display:flex;flex-direction:column}.product-card:hover{border-color:#6ca391;box-shadow:0 4px 15px #204f3310}.product-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9aa39b;margin-bottom:18px}.part-icon{background:#edf2e9;color:#6b8a70;border-radius:8px;padding:9px;font-size:18px}.product-name{font-size:11px;font-weight:650;line-height:1.5;margin-bottom:14px}.product-bottom{margin-top:auto;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px;font-weight:650}.product-bottom small{font-size:10px;font-weight:400;color:#819080}.cart-panel{position:sticky;top:20px}.cart-panel .panel-head{padding:20px}.cart-lines{max-height:310px;overflow:auto}.cart-line{padding:16px 20px;border-bottom:1px solid var(--line)}.cart-line-top{display:flex;justify-content:space-between;gap:10px;font-size:11px}.remove{border:0;background:none;color:#ba7771;padding:0 3px}.qty-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px}.qty-control{display:flex;gap:10px;align-items:center}.qty-control button{background:#f1f5ee;border:0;width:23px;height:23px;border-radius:4px}.cart-bottom{padding:20px;background:#fbfcf8}.totals{display:flex;justify-content:space-between;font-size:12px;margin-bottom:13px}.totals.grand{font-size:20px;font-weight:700;border-top:1px dashed #ccd7c9;padding-top:16px;margin:18px 0}.checkout{width:100%;margin-top:16px;padding:15px!important}.receipt{max-width:440px;margin:20px auto;background:white;padding:32px;border:1px solid var(--line);border-radius:8px}.receipt-title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #ccc}.receipt-title h2{font-size:22px;margin-bottom:6px}.receipt-meta{font-size:11px;line-height:1.9;padding:18px 0}.receipt-line{margin:15px 0;font-size:12px}.receipt-line div{display:flex;justify-content:space-between;margin-top:6px;color:#78877e}.receipt-summary{border-top:1px dashed #ccc;padding-top:20px}.print-actions{max-width:440px;margin:auto;display:flex;justify-content:center;gap:10px}.receipt-void{background:#ffe7e7;color:#ab4242;text-align:center;padding:12px;margin-bottom:12px}.void-form{max-width:440px;margin:24px auto}.void-form summary{cursor:pointer;color:#a65e56;font-size:12px}.void-form input{width:100%;margin:12px 0}.help{font-size:11px;line-height:1.7;color:#829083}.count{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:#77887b}@media(min-width:1550px){.product-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1150px){main{padding:28px 24px}.sidebar{width:195px;padding:30px 15px}.workspace{margin-left:195px}.cashier-grid{grid-template-columns:minmax(0,1fr) 320px}.product-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:10px}.stat{padding:17px}.stat .value{font-size:22px}}@media(max-width:850px){.sidebar{position:static;width:auto;padding:16px 20px;display:block}.brand{font-size:15px}.nav-label,.side-bottom{display:none}nav{display:flex;margin-top:15px;gap:5px}nav a{font-size:11px;padding:9px;gap:6px}nav a span{font-size:16px;width:auto}.workspace{margin:0}header{height:50px;padding:0 20px}.date{display:none}.two-col{grid-template-columns:1fr}.cashier-grid{grid-template-columns:1fr}.cart-panel{position:static}.stats{grid-template-columns:repeat(2,1fr)}main{padding:25px 20px}.page-head{align-items:flex-start}h1{font-size:25px}.notice{flex-wrap:wrap}.product-grid{grid-template-columns:repeat(3,1fr)}.toolbar{flex-wrap:wrap}}@media(max-width:500px){.product-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.page-head{flex-wrap:wrap}.header-right{display:none}}@media print{@page{size:auto;margin:8mm}.sidebar,header,footer,.page-head,.print-actions,.void-form,.alert{display:none!important}.workspace{margin:0}main{padding:0}.receipt{border:0;width:76mm;max-width:none;margin:0 auto;padding:0;border-radius:0}body{background:white}.receipt-title h2{font-size:17px}}

.product-grid{max-height:calc(100vh - 310px);min-height:250px;overflow:auto;padding:1px 4px 8px 1px}@media(max-width:850px){.product-grid{max-height:430px}}

.print-actions{flex-wrap:wrap}.btn.whatsapp{background:#23864a;border-color:#23864a;color:#fff}.share-help{max-width:440px;margin:14px auto;text-align:center}textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;resize:vertical;font:12px monospace;line-height:1.6}@media print{.share-help{display:none!important}}

.entry-note{font-size:10px;color:#839086;max-width:300px;margin-top:7px}.entry-note summary{cursor:pointer}.entry-note span{display:block;line-height:1.6;margin-top:8px}@media(max-width:500px){.stats[style]{grid-template-columns:1fr!important}nav{flex-wrap:wrap}}

.login-page{min-height:100vh;display:grid;place-items:center;background:#edf3ef;padding:24px}.login-panel{width:min(100%,480px)}.login-panel h1{font-size:28px;margin:12px 0}.login-panel .field{margin:18px 0}.entry-row{display:flex;gap:10px;align-items:center;margin:12px 0}.entry-row select{flex:2;min-width:0}.entry-row input:not([type=hidden]){flex:1;min-width:70px;width:100%}.entry-row input[name$="[quantity]"]{max-width:90px}.audit-json{max-width:580px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}fieldset{border:0;padding:0;margin:0;min-width:0}details.panel>summary{cursor:pointer;list-style:none}.sidebar{overflow-y:auto}.side-bottom{position:static!important;margin-top:25px}nav[role=navigation] svg{max-width:20px}nav[role=navigation]{display:flex;gap:12px;align-items:center}.receipt .receipt-title h2{overflow-wrap:anywhere}@media(max-width:800px){.entry-row{flex-wrap:wrap}.entry-row select{flex-basis:100%}.entry-row input:not([type=hidden]){flex-basis:20%}.audit-json{max-width:280px}.sidebar .side-bottom{display:none}.sidebar nav{overflow-x:auto}.login-page{padding:15px}.login-panel .panel-body{padding:22px}}

@media print{main>.panel,main>details{display:none!important}}

.mobile-logout{display:none}.brand>span:last-child{min-width:0;overflow-wrap:anywhere}.brand-icon{flex-shrink:0}@media(max-width:850px){.mobile-logout{display:block;margin-left:auto;margin-right:12px}.sidebar nav{overflow-x:auto;flex-wrap:nowrap}.sidebar nav a{flex-shrink:0}}@media(max-width:500px){.mobile-logout{margin-right:0}}
.receipt-line div{gap:14px;align-items:flex-start}.receipt-line strong{min-width:0;overflow-wrap:anywhere;color:var(--ink)}.receipt-quantity{flex-shrink:0;white-space:nowrap}
.transaction-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:190px}.sale-edit-line{display:grid;grid-template-columns:minmax(150px,2fr) 85px minmax(120px,1fr) minmax(120px,1fr) auto;gap:12px;align-items:end;padding:18px 0;border-bottom:1px solid var(--line)}.sale-edit-line .field{margin:0}.sale-edit-line .btn{margin-bottom:2px}.sale-add-row{display:flex;gap:10px;margin-top:16px}.sale-add-row select{flex:1;min-width:0}@media(max-width:850px){.sale-edit-line{grid-template-columns:1fr 1fr}.sale-edit-line .field:first-of-type{grid-column:1/-1}.sale-add-row{flex-wrap:wrap}.sale-add-row select{width:100%;flex-basis:100%}}
.package-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.package-pick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:240px;overflow:auto}.package-pick-card{display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;background:#f5f8f3;border:1px solid var(--line);border-radius:8px;color:var(--ink)}.package-pick-card:hover:not(:disabled){border-color:var(--teal)}.package-pick-card strong,.package-admin-grid h2{overflow-wrap:anywhere}.package-pick-card>span:last-of-type{font-weight:650}.package-pick-card small{font-size:10px;color:#956433}.package-form-line{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:14px;align-items:end;margin:16px 0}.package-form-line .field{margin:0}.package-picker .panel-body{padding:16px 24px}.package-admin-grid .totals{gap:14px}.package-admin-grid .totals strong{white-space:nowrap}@media(max-width:850px){.package-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-admin-grid{grid-template-columns:1fr}}@media(max-width:500px){.package-pick-grid{grid-template-columns:1fr}.package-form-line{grid-template-columns:minmax(0,1fr) 80px}.package-form-line>.field:first-child{grid-column:1/-1}.package-form-line>.btn{justify-self:start}}

.opname-table{min-width:1000px}.opname-table td:first-child{min-width:200px}.opname-quantity{width:100px;text-align:right}.opname-note{min-width:260px;width:100%}.opname-table .number{white-space:nowrap}[data-select-product] input[type=checkbox]{width:18px;height:18px}

.opname-readonly{min-width:850px;table-layout:fixed}.opname-readonly th,.opname-readonly td{padding:14px 12px}.opname-readonly td:first-child{min-width:0;overflow-wrap:anywhere}.opname-readonly th:first-child{width:22%}.opname-readonly th:last-child{width:27%}.opname-readonly td:last-child{overflow-wrap:anywhere}