*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;font-size:15px;background:#f5f5f5;color:#1a1a1a}.app-header{background:#1a1a2e;color:#fff;padding:1rem 2rem}.app-header h1{font-size:1.4rem;font-weight:600}.app-main{padding:2rem;max-width:1100px;margin:0 auto}.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.card h2{font-size:1.1rem;margin-bottom:1rem;color:#333}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:#555}.form-grid input{padding:.45rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem}.form-grid input:focus{outline:none;border-color:#4a7cf6}.form-actions{display:flex;gap:.5rem}button{cursor:pointer;border:none;border-radius:4px;font-size:.9rem;padding:.45rem .9rem}.btn-primary{background:#4a7cf6;color:#fff}.btn-primary:hover{background:#3a6ce5}.btn-secondary{background:#e5e5e5;color:#333}.btn-secondary:hover{background:#d5d5d5}.btn-danger{background:#e74c3c;color:#fff;font-size:.8rem;padding:.3rem .65rem}.btn-danger:hover{background:#c0392b}.btn-edit{background:#f0ad4e;color:#fff;font-size:.8rem;padding:.3rem .65rem}.btn-edit:hover{background:#e09940}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;padding:.6rem .75rem;border-bottom:2px solid #ddd;color:#555;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}td{padding:.6rem .75rem;border-bottom:1px solid #eee}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.td-actions{display:flex;gap:.4rem}.error{color:#e74c3c;font-size:.9rem;margin-bottom:.75rem}.empty{color:#999;font-style:italic;text-align:center;padding:2rem 0}.search-input{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;margin-bottom:1rem}.search-input:focus{outline:none;border-color:#4a90d9}.stock-clickable{cursor:pointer;border-bottom:1px dashed #999;padding-bottom:1px}.stock-clickable:hover{color:#4a90d9;border-color:#4a90d9}.stock-edit-inline{display:flex;align-items:center;gap:.25rem}.stock-edit-input{width:70px;padding:.2rem .4rem;border:1px solid #ccc;border-radius:3px;font-size:.85rem}.btn-sm{padding:.15rem .4rem!important;font-size:.8rem!important}.app-header{display:flex;align-items:center;gap:2rem}.app-nav{display:flex;gap:.25rem}.nav-tab{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:.35rem 1rem;font-size:.9rem;cursor:pointer;transition:background .15s}.nav-tab:hover{background:#ffffff1a;color:#fff}.nav-tab.active{background:#fff3;color:#fff;border-color:#ffffff80}.kiosk{width:100%}.kiosk-scanbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.kiosk-qty-label{display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#555;min-width:60px}.kiosk-qty-input{padding:.6rem .5rem;border:2px solid #ccc;border-radius:4px;font-size:1.1rem;width:70px;text-align:center}.kiosk-qty-input:focus{outline:none;border-color:#4a7cf6}.kiosk-scan-input{flex:1;padding:.65rem 1rem;border:2px solid #1a1a2e;border-radius:4px;font-size:1.1rem;background:#fffde7}.kiosk-scan-input:focus{outline:none;border-color:#4a7cf6;background:#fff}.kiosk-error{margin-bottom:.75rem;font-size:1rem}.kiosk-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:4px;padding:.65rem 1rem;margin-bottom:.75rem;font-size:1rem}.kiosk-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 800px){.kiosk-grid{grid-template-columns:1fr 280px}}.kiosk-cart{overflow-x:auto}.kiosk-sku{color:#888;font-size:.85rem;font-family:monospace}.kiosk-linetotal{font-weight:600}.kiosk-receipt{display:flex;flex-direction:column;gap:1rem}.receipt-lines{display:flex;flex-direction:column;gap:.5rem}.receipt-line{display:flex;justify-content:space-between;font-size:.95rem;color:#444}.receipt-total{font-size:1.25rem;font-weight:700;color:#1a1a2e;border-top:2px solid #1a1a2e;padding-top:.5rem;margin-top:.25rem}.kiosk-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.kiosk-complete-btn{padding:.75rem 1rem;font-size:1rem;font-weight:600;width:100%}.kiosk-complete-btn:disabled{opacity:.5;cursor:default}.app-header-controls{display:flex;align-items:center;gap:1rem;margin-left:auto}.shop-selector{padding:.35rem .6rem;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#ffffff1a;color:#fff;font-size:.9rem;cursor:pointer}.shop-selector option{background:#1a1a2e;color:#fff}.form-grid select{padding:.45rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;background:#fff}.form-grid select:focus{outline:none;border-color:#4a7cf6}.kiosk-offline-banner{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;padding:.5rem 1rem;margin-bottom:.75rem;font-size:.9rem;font-weight:500}.kiosk-syncing-banner{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb;border-radius:4px;padding:.5rem 1rem;margin-bottom:.75rem;font-size:.9rem}.kiosk-sync-errors{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem 1rem;margin-bottom:.75rem;font-size:.9rem}.kiosk-sync-errors ul{margin:.25rem 0 .5rem 1.25rem;padding:0}.kiosk-sync-errors li{margin-bottom:.15rem}.kiosk-stock-warning{background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;padding:.5rem 1rem;margin-bottom:.75rem;font-size:.9rem;font-weight:500}.dashboard-filters{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn-filter{padding:.35rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;cursor:pointer;font-size:.85rem}.btn-filter:hover{background:#eee}.btn-filter.active{background:#4a7cf6;color:#fff;border-color:#4a7cf6}.date-input{padding:.35rem .5rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem}.dashboard-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.dashboard-kpi{text-align:center;padding:1.25rem 1rem}.kpi-value{font-size:1.6rem;font-weight:700;color:#1a1a2e}.kpi-label{font-size:.8rem;color:#777;text-transform:uppercase;letter-spacing:.04em;margin-top:.25rem}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}@media (min-width: 800px){.dashboard-grid{grid-template-columns:1.5fr 1fr}}.dashboard-expand-btn{background:none;border:none;color:#4a7cf6;cursor:pointer;font-size:.85rem;padding:.2rem .5rem}.dashboard-expand-btn:hover{text-decoration:underline}.dashboard-sale-details{background:#f9f9f9;padding:.75rem;border-radius:4px;margin:.25rem 0}.dashboard-sale-details table{font-size:.85rem}.dashboard-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;font-size:.9rem}