:root{--ink:#1c2a32;--muted:#5b6b73;--paper:#f4f1ea;--card:#fffdf8;--line:#d8d2c6;--accent:#0f6b5c;--accent-dark:#0b5348;--danger:#9b2c2c;--shadow:0 10px 30px #1c2a3214;color:var(--ink);background:var(--paper);font-family:Segoe UI,Tahoma,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #e8f3ef, transparent 28%), var(--paper)}button,input,select{font:inherit}.pos-shell{max-width:none;min-height:100vh;margin:0;padding:20px 20px 20px 250px}.pos-header{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0;font-size:12px;font-weight:700}h1,h2{margin:0}h1{font-size:32px}.subtitle,.header-meta span,.pane-heading p,.product-meta{color:var(--muted)}.header-meta{background:var(--card);border:1px solid var(--line);border-radius:12px;min-width:160px;padding:10px 14px}.header-meta span{font-size:12px;display:block}.pos-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;display:grid}.pane{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;min-height:70vh;padding:16px}.pane-heading{margin-bottom:14px}.pane-heading p{margin:4px 0 0}.field{gap:6px;font-size:13px;font-weight:600;display:grid}.field input,.field select,.totals select,.cart-item input{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.filters{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip,.secondary-btn,.link-btn,.save-btn{cursor:pointer;border:0}.chip{color:var(--ink);background:#efeae1;border-radius:999px;padding:8px 12px}.chip.active{background:var(--accent);color:#fff}.qty-row{grid-template-columns:1fr auto;align-items:end;gap:10px;margin-bottom:12px;display:grid}.secondary-btn{background:var(--ink);color:#fff;border-radius:10px;padding:10px 16px}.product-list,.cart-list,.confirm-items{gap:8px;margin:0;padding:0;list-style:none;display:grid}.product-list{max-height:52vh;overflow:auto}.product{text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:100%;padding:10px 12px}.product.selected,.product:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f6b5c26}.product-top,.cart-item,.confirm-items li,.totals div{justify-content:space-between;gap:10px;display:flex}.product-meta,.cart-item span{color:var(--muted);font-size:12px;display:block}.empty{color:var(--muted);margin:8px 0}.cart-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 88px 96px auto;align-items:center;padding-bottom:10px;display:grid}.cart-item input{width:72px}.link-btn{color:var(--danger);background:0 0;padding:0}.totals{margin:16px 0 0}.totals div{padding:6px 0}.totals .grand{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;font-size:22px}.payment-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.change-box{background:#eef7f4;border-radius:12px;grid-column:1/-1;justify-content:space-between;padding:12px;display:flex}.change-box.short{color:var(--danger);background:#f8ecec}.error{color:var(--danger);font-weight:700}.save-btn{background:var(--accent);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:12px;width:100%;margin-top:12px;padding:16px;font-size:18px;font-weight:700}.save-btn:hover:not(:disabled){background:var(--accent-dark)}.save-btn:disabled{opacity:.55;cursor:not-allowed}.modal-backdrop{background:#1c2a3273;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.receipt-paper{border:1px dashed var(--line);width:min(360px,100%);box-shadow:var(--shadow);color:#111;background:#fff;border-radius:4px;padding:22px 20px 18px}.receipt-header{text-align:center}.receipt-header h2{letter-spacing:.04em;font-size:20px}.receipt-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.receipt-header .txn-id{color:#111;margin-top:12px}.txn-id{letter-spacing:.02em;font-size:15px;font-weight:700}.receipt-rule{border-top:1px dashed #b9b3a8;margin:14px 0}.receipt-section-label{text-transform:uppercase;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:700}.receipt-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.receipt-item-name{font-size:14px;font-weight:600}.receipt-item-meta{color:var(--muted);justify-content:space-between;gap:10px;font-size:13px;display:flex}.receipt-totals{margin-top:0}.receipt-totals dd{font-variant-numeric:tabular-nums;margin:0}.receipt-thanks{text-align:center;margin:0 0 16px;font-weight:700}.receipt-actions{gap:8px;display:grid}.receipt-print-btn{margin-top:0;padding:12px;font-size:16px}.totals.compact{margin-top:12px}.app-nav{background:var(--card);border-right:1px solid var(--line);z-index:100;flex-direction:column;gap:6px;width:230px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.app-nav-btn{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 14px;font-weight:700;transition:background .15s,color .15s,border-color .15s}.app-nav-btn:hover{background:#efeae1}.app-nav-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.inventory-pane{width:100%}.inventory-stock-in{gap:14px;display:grid}.inventory-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.inventory-current-stock,.inventory-preview{background:#eef7f4;border-radius:12px;justify-content:space-between;align-items:center;padding:12px;display:flex}.inventory-current-stock span,.inventory-preview span{color:var(--muted);font-size:13px}.inventory-current-stock strong,.inventory-preview strong{font-size:18px}.inventory-success{color:var(--accent);font-weight:700}.inventory-search-select{width:100%;position:relative}.inventory-search-select>input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px}.inventory-search-select>input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f6b5c1f}.inventory-search-results{z-index:50;border:1px solid var(--line);background:#fff;border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #1c2a3224}.inventory-search-option{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.inventory-search-option:hover,.inventory-search-option:focus{background:#eef7f4;outline:none}.inventory-search-option>span:first-child{gap:3px;min-width:0;display:grid}.inventory-search-option strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.inventory-search-option small{color:var(--muted);font-size:11px;font-weight:500;display:block}.inventory-search-option>span:last-child{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.inventory-search-empty{color:var(--muted);text-align:center;padding:14px 12px;font-size:13px}.inventory-search-bar{margin-bottom:12px}.inventory-search-bar input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;outline:none;padding:10px 12px}.inventory-search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0f6b5c1f}.inventory-list-section,.inventory-list-section:first-of-type{margin-top:24px}.inventory-table-wrap{border:1px solid var(--line);border-radius:12px;overflow-x:auto}.inventory-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.inventory-table th,.inventory-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 8px}.inventory-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:#efeae1;font-size:12px}.inventory-table td{font-size:14px}.inventory-table tbody tr:last-child td{border-bottom:0}.inventory-sku{color:var(--muted);margin-top:2px;font-size:11px;display:block}.low-stock-alert{background:#fdf1f1;border:1px solid #e0b4b4;border-radius:12px;margin-top:24px;margin-bottom:0;padding:14px}.low-stock-alert>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.low-stock-alert strong{color:var(--danger)}.low-stock-alert span{color:var(--muted);font-size:13px}.low-stock-list{gap:6px;display:grid}.low-stock-item{background:#fff;border-radius:8px;justify-content:space-between;gap:10px;padding:8px 10px;font-size:13px;display:flex}.low-stock-item strong{white-space:nowrap}.stock-status{letter-spacing:.04em;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.stock-status.ok{color:var(--accent-dark);background:#e8f3ef}.stock-status.low{color:var(--danger);background:#f8ecec}.reports-pane{height:100%;padding:24px;overflow-y:auto}.reports-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.reports-header h1{margin:0}.reports-header p{opacity:.65;margin:6px 0 0}.reports-period{flex-wrap:wrap;gap:6px;display:flex}.reports-period button{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 14px}.reports-period button.active{border-color:currentColor;font-weight:600}.report-section{margin-bottom:28px}.report-section h2{margin:0 0 12px;font-size:18px}.report-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.report-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:80px;padding:18px}.report-card-title{opacity:.65;margin-bottom:8px;font-size:13px}.report-card-value{font-size:24px;font-weight:700}.report-card-subtitle{opacity:.55;margin-top:5px;font-size:12px}.report-section-header{justify-content:space-between;align-items:center;display:flex}.reports-table-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%}.reports-table th,.reports-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px 14px}.reports-table th{font-size:13px;font-weight:600}.reports-table td:last-child,.reports-table th:last-child{text-align:right}.reports-empty{opacity:.6;text-align:center!important;padding:30px!important}@media print{@page{margin:8mm;size:auto}html,body,#root{background:#fff;min-height:0}body{background:#fff}.receipt-open .app-nav,.receipt-open .pos-header,.receipt-open .pos-layout,.receipt-actions{display:none!important}.receipt-item-meta,.receipt-totals div{display:flex!important}.pos-shell{max-width:none;margin:0;padding:0}.modal-backdrop{background:0 0;padding:0;display:block;position:static;inset:auto;overflow:visible}.receipt-paper{width:80mm;max-width:100%;box-shadow:none;border:0;border-radius:0;margin:0 auto;padding:0}}@media (width<=900px){.pos-layout,.payment-grid,.qty-row,.cart-item{grid-template-columns:1fr}.pos-header,.product-top,.cart-item,.confirm-items li,.totals div{display:grid}.pane{min-height:auto}}@media (width<=700px){.inventory-form-grid{grid-template-columns:1fr}.inventory-search-option{align-items:flex-start}.inventory-search-option>span:last-child{font-size:11px}}@media (width<=800px){.reports-header{flex-direction:column}.reports-pane{padding:16px}}@media (width<=900px){.pos-shell{padding:20px}.app-nav{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;width:100%;padding:10px;position:static;overflow-x:auto}.app-nav-btn{text-align:center;width:auto;min-width:max-content}}.delivery-logs-pane{width:100%}.delivery-summary{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:20px;display:grid}.delivery-summary>div{border:1px solid var(--line);background:#fff;border-radius:12px;padding:14px}.delivery-summary span{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.delivery-summary strong{font-size:24px}.delivery-form{border:1px solid var(--line);background:#fff;border-radius:14px;margin-bottom:24px;padding:18px}.delivery-form-heading{margin-bottom:14px}.delivery-form-heading h3,.delivery-list-header h3{margin:0}.delivery-form-heading p,.delivery-list-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.delivery-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.delivery-form-grid textarea,.delivery-edit-row textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:10px;width:100%;padding:10px 12px}.delivery-address-field,.delivery-notes-field{grid-column:1/-1}.delivery-form small{color:var(--muted);font-size:11px;font-weight:400}.delivery-success{color:var(--accent);font-weight:700}.delivery-list-section{margin-top:24px}.delivery-list-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.delivery-filters{grid-template-columns:1fr 220px;gap:10px;margin-bottom:12px;display:grid}.delivery-filters input,.delivery-filters select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.delivery-table-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;overflow-x:auto}.delivery-table{border-collapse:collapse;width:100%;font-size:13px}.delivery-table th,.delivery-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 10px}.delivery-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#efeae1;font-size:11px}.delivery-table tbody tr:last-child td{border-bottom:0}.delivery-table td>strong{display:block}.delivery-table td>small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.delivery-address{white-space:normal;min-width:180px;max-width:280px;line-height:1.4;display:block}.delivery-status{border:0;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.delivery-status.pending{color:var(--ink);background:#efeae1}.delivery-status.out{color:var(--accent-dark);background:#eef7f4}.delivery-status.delivered{color:var(--accent-dark);background:#e8f3ef}.delivery-status.cancelled{color:var(--danger);background:#f8ecec}select.delivery-status{appearance:auto;cursor:pointer}.delivery-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.delivery-actions .secondary-btn{padding:7px 10px;font-size:12px}.delivery-edit-row input,.delivery-edit-row textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;margin-bottom:6px;padding:7px 8px}.delivery-edit-row input[type=datetime-local]{min-width:170px}.delivery-edit-row select{width:100%;margin-bottom:6px}@media (width<=900px){.delivery-summary{grid-template-columns:1fr 1fr}.delivery-form-grid{grid-template-columns:1fr}.delivery-address-field,.delivery-notes-field{grid-column:auto}.delivery-filters{grid-template-columns:1fr}}@media (width<=600px){.delivery-summary{grid-template-columns:1fr}.delivery-list-header{flex-direction:column;align-items:flex-start}}