:root{color-scheme:light;--bg: #fff6e8;--ink: #3d2b1f;--warehouse: #2a9d8f;--checkout: #e76f51;--bank: #457b9d;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top,#ffe8c2,var(--bg));color:var(--ink)}.home,.placeholder{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:28px;text-align:center}h1{font-size:clamp(2.4rem,6vw,4.5rem);margin:0;letter-spacing:.04em;text-transform:uppercase}.home-grid{display:grid;grid-template-columns:1fr;gap:20px;width:min(720px,100%)}.home-parent-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:min(720px,100%);margin-top:8px}@media(min-width:720px){.home-grid{grid-template-columns:1fr 1fr}.tile-bank{grid-column:1 / -1}}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;padding:24px;border-radius:28px;color:#fff;text-decoration:none;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 12px #0000001f;transition:transform .12s ease}.tile:active{transform:translateY(6px);box-shadow:0 4px #0000001f}.tile-icon{font-size:3.2rem;margin-bottom:8px}.tile-warehouse{background:var(--warehouse)}.tile-checkout{background:var(--checkout)}.tile-bank{background:var(--bank)}.placeholder p{font-size:1.4rem;max-width:28rem}.back{font-size:1.3rem;color:var(--ink)}.top-bar{position:sticky;top:0;z-index:200;display:grid;grid-template-columns:minmax(72px,auto) 1fr minmax(48px,auto);align-items:center;gap:8px;margin:-20px -20px 4px;padding:10px 12px 12px;background:#ffffffd1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.08)}.top-bar-side{display:flex;align-items:center}.top-bar-left{justify-content:flex-start}.top-bar-right{justify-content:flex-end}.top-bar-center{min-width:0;text-align:center}.top-bar-back{display:inline-flex;align-items:center;gap:2px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;font-weight:700;text-decoration:none;cursor:pointer;padding:8px 4px}.top-bar-chevron{font-size:1.8rem;line-height:1;margin-top:-2px}.top-bar-back-label{white-space:nowrap}.top-bar-title{margin:0;font-size:1.15rem;letter-spacing:.02em;text-transform:none;line-height:1.2}.top-bar-subtitle{margin:2px 0 0;font-size:.95rem;opacity:.75}.top-bar-spacer{display:inline-block;width:40px}.top-menu{position:relative}.top-menu-trigger{width:44px;height:44px;border:0;border-radius:14px;background:#0000000f;color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer}.top-menu-trigger:disabled{opacity:.45;cursor:not-allowed}.top-menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column;gap:4px}.top-menu-item{border:0;border-radius:12px;background:transparent;color:var(--ink);font:inherit;font-size:1rem;font-weight:700;text-align:left;padding:12px 14px;cursor:pointer}.top-menu-item:hover,.top-menu-item:focus-visible{background:#0000000d}.top-menu-item.danger{color:#c1121f}.top-menu-item:disabled{opacity:.45;cursor:not-allowed}.token{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;word-break:break-all}.screen{min-height:100dvh;display:flex;flex-direction:column;gap:16px;padding:20px;max-width:720px;margin:0 auto}.screen-with-dock{gap:12px;padding-bottom:0}.screen-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:16px;overflow:auto;padding-bottom:8px}.screen-header{text-align:center}.screen-header h1{font-size:clamp(1.8rem,5vw,3rem)}.screen-warehouse{background:linear-gradient(180deg,#d8f3ef,var(--bg))}.screen-checkout{background:linear-gradient(180deg,#ffd8cc,var(--bg))}.screen-checkout .top-bar{background:#ffffffdb}.checkout-dock{position:sticky;bottom:0;z-index:150;margin:auto -20px 0;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(0,0,0,.08);box-shadow:0 -10px 28px #00000014;display:flex;flex-direction:column;gap:10px}.checkout-dock .total{margin:0;text-align:center}.checkout-dock .btn-xl{background:var(--checkout)}.btn{border:0;border-radius:20px;padding:16px 22px;font:inherit;font-size:1.3rem;font-weight:800;color:#fff;background:var(--warehouse);cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-xl{font-size:1.6rem;padding:22px}.btn-ghost{background:transparent;color:var(--ink);box-shadow:none}.btn-remove{background:#c1121f;min-width:56px;font-size:2rem;line-height:1}.row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.stock-actions{display:flex;flex-direction:column;gap:6px}.btn-photo{min-width:44px;padding-inline:10px}.photo-update-preview{width:min(280px,100%);aspect-ratio:1;margin:0 auto 16px;border-radius:16px;overflow:hidden;background:#fff9;display:grid;place-items:center;font-size:4rem}.photo-update-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-all{min-width:56px;font-size:1rem;font-weight:800}.barcode-form{display:flex;gap:8px}.barcode-input{flex:1;font-size:1.4rem;padding:16px;border-radius:18px;border:4px solid rgba(0,0,0,.12)}.hero,.draft-card,.confirm-card,.banner,.cart-row{background:#fff;border-radius:24px;padding:18px;box-shadow:0 8px #0000000f}.confirm-card{border:4px solid #c1121f;text-align:center}.confirm-card h2{margin:0 0 8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#3d2b1f8c}.modal-panel{width:min(100%,480px);max-height:min(90dvh,100%);overflow:auto;background:#fff;border-radius:24px;padding:20px;box-shadow:0 16px 48px #00000040;display:flex;flex-direction:column;gap:12px}.modal-panel h2{margin:0;font-size:1.5rem;text-align:center;text-transform:none;letter-spacing:normal}.modal-panel .hero-qty{text-align:center}.modal-panel .row-actions{margin-top:4px}.modal-panel .draft-card{box-shadow:none;padding:0}.modal-qr{display:block;margin:0 auto}.hero{text-align:center}.hero-image,.cart-image{width:96px;height:96px;margin:0 auto 8px;border-radius:20px;background:#fff3d6;display:grid;place-items:center;font-size:2.4rem;overflow:hidden}.hero-image img,.cart-image img{width:100%;height:100%;object-fit:cover}.hero-qty,.total{font-size:1.6rem;font-weight:800;margin:8px 0}.flash{animation:pulse .28s ease}@keyframes pulse{0%{transform:scale(.96);background:#b7efc5}to{transform:scale(1);background:#fff}}.draft-card{display:flex;flex-direction:column;gap:12px;text-align:left}.draft-card label{display:flex;flex-direction:column;gap:6px;font-size:1.1rem;font-weight:700}.draft-card input{font-size:1.3rem;padding:12px;border-radius:14px;border:3px solid rgba(0,0,0,.12)}.hint{text-align:center;font-size:1.1rem}.banner.error{background:#ffe066;color:#6b3a00;text-align:center;font-size:1.3rem;font-weight:800}.banner.big{font-size:1.6rem}.summary-list,.cart{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.summary-list li,.cart-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cart-info{flex:1;text-align:left;display:flex;flex-direction:column}.screen-checkout .btn-xl{background:var(--checkout)}.camera-frame{width:100%;aspect-ratio:3 / 4;border-radius:24px;overflow:hidden;background:#111}.customer-display{background:#1d3557;color:#fff;border-radius:24px;padding:20px;text-align:center;font-size:1.4rem;min-height:160px}.customer-display .hint{opacity:.7;font-size:.95rem}.display-ok{color:#b7efc5;font-weight:800}.display-bad{color:#ffd166;font-weight:800}.admin-page .banknote-sheet{width:100%}.banknote-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.banknote-card{background:#fff;border-radius:16px;padding:12px;text-align:center;break-inside:avoid}.banknote-value{font-size:1.6rem;font-weight:800;margin:0 0 8px}@media print{.back,.draft-card,.banner,.screen-header h1{display:none}.banknote-grid{grid-template-columns:repeat(3,1fr)}}.page-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px;text-align:center}.login-page{width:min(420px,100%)}.login-form{width:100%;display:grid;gap:12px}.field-label{text-align:left;font-weight:700}.login-form input{width:100%;font-size:1.2rem;padding:12px 14px;border-radius:12px;border:2px solid rgba(61,43,31,.2)}.form-error{margin:0;color:#b00020;font-weight:700}