:root{color:#172033;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui}[data-theme=dark]{color:#eef2ff;background:#0f172a}*{box-sizing:border-box}body{margin:0}button,.button,input,select{font:inherit;border:1px solid #cbd5e1;border-radius:10px;padding:.68rem .85rem}button,.button{color:#1e293b;cursor:pointer;background:#fff;text-decoration:none}.primary,.sidebar a.active{color:#fff!important;background:#2563eb!important}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b1220;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.sidebar h1{font-size:1.35rem}.sidebar nav{gap:.35rem;display:grid}.sidebar a{color:#cbd5e1;border-radius:12px;padding:.75rem;text-decoration:none}.content{width:100%;max-width:1600px;margin:auto;padding:1.5rem}.toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toolbar>div{flex-wrap:wrap;gap:.6rem;display:flex}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card,.table-card,.cart-panel,.form-grid,.settings-panel{background:var(--panel,#fff);border-radius:18px;margin-bottom:1rem;padding:1rem;box-shadow:0 18px 40px #0f172a12}[data-theme=dark] .stat-card,[data-theme=dark] .table-card,[data-theme=dark] .cart-panel,[data-theme=dark] .form-grid,[data-theme=dark] .settings-panel{--panel:#1e293b;box-shadow:none}.stat-card span{color:#64748b;display:block}.stat-card strong{font-size:1.8rem}.table-card{max-height:70vh;overflow:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:.75rem}th{background:#eef2ff;position:sticky;top:0}.billing-grid{grid-template-columns:minmax(0,1.4fr) 430px;gap:1rem;display:grid}.cart-line{grid-template-columns:1fr 75px auto 40px;align-items:center;gap:.5rem;margin:.5rem 0;display:grid}.cart-line small{color:#64748b;display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.badge{border-radius:999px;padding:.2rem .6rem;font-weight:700}.badge.ok{color:#166534;background:#dcfce7}.badge.danger{color:#991b1b;background:#fee2e2}.badge.warn{color:#92400e;background:#fef3c7}.badge.neutral{color:#334155;background:#e2e8f0}.error{color:#dc2626}.success{color:#059669}.notice{color:#64748b}@media (width<=980px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;position:sticky;top:0}.sidebar nav{display:flex;overflow:auto}.billing-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}}.pos-terminal{grid-template-columns:minmax(0,1.25fr) 460px;gap:1rem;display:grid}.scan-panel,.receipt-panel{background:var(--panel,#fff);border-radius:18px;padding:1rem;box-shadow:0 18px 40px #0f172a12}.scan-input{border:3px solid #2563eb;width:100%;font-size:2rem;font-weight:800}.keyboard-hint{color:#64748b}.inline-error{color:#dc2626;font-weight:700}.customer-card{background:#eef2ff;border-radius:14px;margin:.75rem 0;padding:.75rem;display:grid}.receipt-panel{align-self:start;position:sticky;top:1rem}.cart-list{max-height:42vh;overflow:auto}.totals{border-top:1px solid #cbd5e1;grid-template-columns:1fr auto;gap:.5rem;margin:1rem 0;padding-top:1rem;display:grid}.full{width:100%;margin-top:.75rem}.modal-backdrop{z-index:20;background:#0f172a99;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--panel,#fff);border-radius:20px;width:min(92vw,860px);max-width:860px;max-height:90vh;padding:1rem;overflow:auto}.modal-header{justify-content:space-between;align-items:center;display:flex}.filter-grid{background:var(--panel,#fff);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;padding:1rem;display:grid}.checkbox{align-items:center;gap:.5rem;display:flex}.pagination{justify-content:center;align-items:center;gap:1rem;margin:1rem;display:flex}.link-button{color:#2563eb;background:0 0;border:0;padding:0;font-weight:700}.success{color:#059669;font-weight:700}[data-theme=dark] .scan-panel,[data-theme=dark] .receipt-panel,[data-theme=dark] .filter-grid,[data-theme=dark] .modal{--panel:#1e293b;box-shadow:none}@media (width<=980px){.pos-terminal{grid-template-columns:1fr}.receipt-panel{position:static}}