*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f172a;--bg2: #1e293b;--bg3: #334155;--border: #334155;--text: #f1f5f9;--text2: #94a3b8;--accent: #38bdf8;--green: #22c55e;--red: #ef4444;--orange: #f97316;--radius: 16px;--radius-sm: 10px;font-size:16px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.splash{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.splash-card{text-align:center;padding:2rem;background:var(--bg2);border-radius:var(--radius);border:1px solid var(--border);max-width:320px;width:90%}.splash-icon{font-size:3rem;margin-bottom:1rem}.splash-card h2{font-size:1.3rem;margin-bottom:.5rem}.splash-card p{color:var(--text2);font-size:.9rem;margin-bottom:1.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border-radius:var(--radius-sm);border:none;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .1s,opacity .1s;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#0f172a}.btn-green{background:var(--green);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-orange{background:var(--orange);color:#fff}.btn-ghost{background:var(--bg3);color:var(--text)}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-lg{padding:1.4rem 1.5rem;font-size:1.1rem;border-radius:var(--radius)}.btn-icon{width:auto;padding:.75rem 1rem}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.page{padding:1rem 1rem 6rem;max-width:480px;margin:0 auto}.page-title{font-size:1.4rem;font-weight:700;margin-bottom:1.25rem}.section-title{font-size:.75rem;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-green{background:#14532d;color:#86efac}.badge-red{background:#7f1d1d;color:#fca5a5}.badge-blue{background:#0c4a6e;color:#7dd3fc}.badge-orange{background:#7c2d12;color:#fdba74}.input{width:100%;background:var(--bg3);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;font-size:1rem;padding:.875rem 1rem;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text2)}.qty-display{font-family:DM Mono,monospace;font-size:3.5rem;font-weight:700;text-align:center;color:var(--accent);padding:1rem;background:var(--bg2);border-radius:var(--radius);border:2px solid var(--border);min-height:100px;display:flex;align-items:center;justify-content:center}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.numpad-btn{background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:DM Mono,monospace;font-size:1.4rem;font-weight:600;padding:1rem;cursor:pointer;transition:background .1s,transform .1s;text-align:center}.numpad-btn:active{background:var(--bg3);transform:scale(.95)}.numpad-btn.clear{color:var(--red)}.numpad-btn.back{color:var(--text2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);display:flex;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));gap:.25rem;z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text2);font-family:inherit;font-size:.65rem;font-weight:500;cursor:pointer;transition:color .15s,background .15s;text-decoration:none}.nav-item svg{width:22px;height:22px}.nav-item.active{color:var(--accent);background:#38bdf814}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem 1.25rem;font-weight:600;font-size:.9rem;z-index:999;animation:slideDown .2s ease;white-space:nowrap}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.divider{border:none;border-top:1px solid var(--border);margin:1rem 0}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.5rem 1rem;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--text);font-family:inherit;font-size:.9rem;cursor:pointer;transition:all .15s}.chip:active{transform:scale(.95)}.chip.selected{border-color:var(--accent);background:#38bdf81f;color:var(--accent)}.empty{text-align:center;padding:3rem 1rem;color:var(--text2)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.stock-row{display:flex;align-items:center;justify-content:space-between;padding:.875rem 0;border-bottom:1px solid var(--border)}.stock-row:last-child{border-bottom:none}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.steps{display:flex;gap:.375rem;margin-bottom:1.25rem}.step-dot{flex:1;height:3px;border-radius:999px;background:var(--bg3);transition:background .2s}.step-dot.done{background:var(--accent)}.step-dot.active{background:var(--accent);opacity:.5}@media (min-width: 480px){.bottom-nav{max-width:480px;left:50%;transform:translate(-50%);right:auto;border-radius:var(--radius) var(--radius) 0 0;border-left:1px solid var(--border);border-right:1px solid var(--border)}.page{padding-bottom:7rem}}[data-theme=dark-blue]{--bg: #0f172a;--bg2: #1e293b;--bg3: #334155;--border: #334155;--text: #f1f5f9;--text2: #94a3b8;--accent: #38bdf8}[data-theme=dark-red]{--bg: #1a0a0a;--bg2: #2d1212;--bg3: #4a1f1f;--border: #4a1f1f;--text: #fef2f2;--text2: #fca5a5;--accent: #ef4444}[data-theme=dark-green]{--bg: #052e16;--bg2: #14532d;--bg3: #166534;--border: #166534;--text: #f0fdf4;--text2: #86efac;--accent: #22c55e}[data-theme=dark-purple]{--bg: #0f0720;--bg2: #1e1040;--bg3: #2e1a5e;--border: #2e1a5e;--text: #faf5ff;--text2: #c4b5fd;--accent: #a855f7}[data-theme=dark-orange]{--bg: #1a0e00;--bg2: #2d1f00;--bg3: #4a3300;--border: #4a3300;--text: #fff7ed;--text2: #fdba74;--accent: #f97316}[data-theme=light]{--bg: #f8fafc;--bg2: #ffffff;--bg3: #e2e8f0;--border: #cbd5e1;--text: #0f172a;--text2: #64748b;--accent: #0ea5e9}