:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #3b82f6;--background: #f8fafc;--surface: #ffffff;--text: #1e3a8a;--text-secondary: #3b82f6;--border: #e2e8f0;--success: #10b981;--error: #ef4444;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: 12px}@media(prefers-color-scheme:dark){:root{--primary: #3b82f6;--primary-dark: #2563eb;--background: #0f172a;--surface: #1e293b;--text: #f8fafc;--text-secondary: #94a3b8;--border: #334155;--shadow: 0 4px 6px -1px rgb(0 0 0 / .5)}}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#e0f2fe,#f0f9ff,#fefce8);color:var(--text);line-height:1.4;font-size:14px;transition:background-color .3s,color .3s;min-height:100vh;overflow:hidden}#root{display:flex;flex-direction:column;height:100vh;height:100svh;width:100%;max-width:100%;margin:0;background-color:#fefefe;overflow:hidden}header{padding:.75rem 1rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 2px 8px #0000001f;position:relative;z-index:10;flex-shrink:0}.footer-total{position:relative;background:linear-gradient(135deg,#f0f9ff,#fff);padding:.75rem 1.25rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));border-top:2px solid #bfdbfe;box-shadow:0 -2px 10px #bfdbfe4d;display:flex;justify-content:space-between;align-items:center;z-index:20;flex-shrink:0}.total-info{display:flex;flex-direction:column}.total-label-sm{font-size:.65rem;color:#3b82f6;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.total-value-lg{font-size:1.35rem;font-weight:800;color:#1e3a8a;line-height:1.1}.cart-info{font-size:.75rem;color:#2563eb;font-weight:600;margin-top:.125rem}.btn-finish{background-color:var(--success);color:#fff;padding:.5rem 1.25rem;border-radius:50px;font-weight:700;font-size:.85rem;box-shadow:0 4px 12px #10b98166;display:flex;align-items:center;gap:.4rem}.container{padding:0 1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden}.card{background:linear-gradient(135deg,#f0f9ff,#fff);border-radius:var(--radius);border:2px solid #bfdbfe;padding:.75rem;box-shadow:0 2px 8px #bfdbfe33}.input-group{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0}label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}input[type=text],input[type=number]{width:100%;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background-color:#f8fafc;color:#1e3a8a;font-size:.85rem;transition:all .2s;text-transform:uppercase;font-weight:600}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.card .input-group input[type=text]{background-color:#f0f9ff;color:#2563eb;border:2px solid #bfdbfe;font-weight:800;text-align:center;font-size:1rem}.card .input-group input[type=password]{text-align:center}button{cursor:pointer;border:none;font-weight:600;border-radius:var(--radius);transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary);color:#fff;padding:.5rem 1.25rem;font-size:.85rem;box-shadow:0 4px 6px -1px #6366f166}.btn-primary:active{transform:scale(.98)}.btn-icon{padding:.5rem;background:transparent;color:var(--text-secondary);flex-shrink:0}.btn-icon:hover{background-color:var(--background);color:var(--primary)}.btn-danger{color:var(--error)}.product-list{display:flex;flex-direction:column;gap:.4rem}.section-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0 .25rem;color:#60a5fa;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.divider-line{flex:1;height:1px;background-color:#bfdbfe}.product-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;background:linear-gradient(135deg,#f0f9ff,#fff);border:1.5px solid #dbeafe;border-radius:10px;box-shadow:0 1px 4px #bfdbfe26;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.product-item:not(.checked):hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f633;border-color:#93c5fd}.product-item.checked{background-color:#f0fdf4;border-color:#bbf7d0;box-shadow:none}@media(prefers-color-scheme:dark){.product-item.checked{background-color:#064e3b;border-color:#065f46}}.product-item.checked .product-name{color:var(--text-secondary);text-decoration:line-through}.product-item.checked .product-price{color:var(--success)}.product-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.product-name{font-weight:600;font-size:.82rem;line-height:1.2;color:#1e3a8a;padding:.15rem .35rem;border-radius:6px;transition:all .2s;flex:1;min-width:0;word-break:break-word}.product-name:hover{background-color:#3b82f614;color:#2563eb}.product-item.checked .product-name:hover{background-color:#22c55e14;color:#10b981}.product-price{color:#2563eb;font-weight:700;font-size:.82rem;padding:.15rem .35rem;border-radius:6px;transition:all .2s;cursor:pointer;white-space:nowrap}.product-price:hover{background-color:#3b82f614;transform:scale(1.05)}.checkbox-wrapper{position:relative;width:20px;height:20px}input[type=checkbox]{appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:5px;cursor:pointer;transition:all .2s;display:grid;place-content:center}input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);background-color:#fff;transform-origin:center;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:.12s transform ease-in-out}input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:before{transform:scale(1)}.empty-state{text-align:center;padding:2rem 1rem;color:var(--text-secondary);font-size:.85rem}.add-bar{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;background:linear-gradient(135deg,#f0f9ff,#fff);padding:.6rem 1rem;margin:.75rem 1rem .5rem;border:1.5px solid #bfdbfe;box-shadow:0 2px 8px #bfdbfe33;border-radius:10px;position:relative;z-index:5;flex-shrink:0}.add-bar .input-row-2{display:grid;grid-template-columns:80px 1fr auto;gap:.75rem;align-items:center}.add-bar input{background-color:#fff;border:1px solid #e0f2fe;color:#1e3a8a;padding-left:.5rem;padding-right:.5rem;text-align:center}.add-bar .input-group:first-child input{text-align:left;padding-left:1rem}.add-bar input:focus{background-color:#fff;border-color:#93c5fd}.add-bar input::placeholder{color:#93c5fd}@media(max-width:480px){.add-bar{padding:1rem;border-radius:16px;margin:1rem}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{background:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 25px #0003;font-weight:600;font-size:.875rem;animation:slideIn .3s ease-out;pointer-events:all;border-left:4px solid;max-width:300px}.toast-success{border-color:var(--success);color:var(--success);background:linear-gradient(135deg,#f0fdf4,#fff)}.toast-error{border-color:var(--error);color:var(--error);background:linear-gradient(135deg,#fef2f2,#fff)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:4px solid rgba(37,99,235,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.search-bar{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#f0f9ff,#fff);padding:.5rem 1rem;margin:-.25rem 1rem 0;border:1.5px solid #bfdbfe;box-shadow:0 1px 6px #bfdbfe26;border-radius:8px;position:relative;z-index:8}.product-quantity{background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#1e3a8a;padding:.15rem .5rem;border-radius:20px;font-size:.75rem;font-weight:700;border:1.5px solid #93c5fd;cursor:pointer;transition:all .2s}.product-quantity:hover{background:linear-gradient(135deg,#93c5fd,#bfdbfe);border-color:#60a5fa}.product-controls{flex-shrink:0}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none}@media(max-width:480px){.toast-container{right:.5rem;left:.5rem}.toast{max-width:100%}.search-bar{margin:0 .75rem;padding:.4rem .75rem}.add-bar{margin:.5rem .75rem .25rem;gap:.4rem;padding:.5rem .75rem}.add-bar .input-row-2{gap:.4rem;grid-template-columns:65px 1fr auto}.product-item{padding:.5rem .6rem;gap:.5rem}.product-info{gap:.2rem}.product-price{font-size:.78rem;padding:.1rem .25rem}.product-quantity{padding:.1rem .4rem;font-size:.7rem}.container{padding:0 .75rem .5rem;gap:.5rem}header{padding:.5rem .75rem}.footer-total{padding:.5rem 1rem}}.mini-header{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;flex-shrink:0;z-index:10;gap:.5rem}.mini-footer{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom,0px));background:linear-gradient(135deg,#f0f9ff,#fff);border-top:2px solid #bfdbfe;flex-shrink:0;z-index:20;gap:.75rem}.mini-footer-total{font-size:1rem;font-weight:800;color:#1e3a8a}.mini-footer-cart{font-size:.7rem;color:#2563eb;font-weight:600;flex:1}.btn-finish-mini{background-color:var(--success);color:#fff;padding:.3rem .75rem;border-radius:50px;font-weight:700;font-size:.75rem;box-shadow:0 2px 8px #10b9814d;display:flex;align-items:center;gap:.25rem;white-space:nowrap}