@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap";:root{--cream: #f4efe6;--card: #fbf8f2;--ink: #2a2a24;--sage: #7c8c6a;--sage-deep: #5c6b4d;--sage-soft: #dde3d2;--clay: #c97b4a;--muted: #9a9588;--line: #e5decf;--wero: #6b4de6;--gold-bg: #f3e3c8;--gold-ink: #7a5a2e;--shadow: 0 8px 24px rgba(80, 70, 50, .08);--shadow-lift: 0 14px 34px rgba(80, 70, 50, .14);--spring: cubic-bezier(.34, 1.56, .64, 1);--ease: cubic-bezier(.25, .8, .35, 1)}*{box-sizing:border-box;margin:0}html,body{background:var(--cream);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}body,input,textarea,select,button{font-family:Jost,sans-serif;color:var(--ink)}button{-webkit-tap-highlight-color:transparent}input:focus,textarea:focus{outline:2px solid var(--sage)}.shell{max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--cream);display:flex;flex-direction:column;position:relative}.screen{flex:1;display:flex;flex-direction:column;animation:screenIn .38s var(--ease) both;padding-bottom:96px}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pad-top{padding-top:calc(env(safe-area-inset-top,0px) + 28px)}.card{background:var(--card);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.card-press{transition:transform .25s var(--spring),box-shadow .25s var(--ease)}.card-press:active{transform:scale(.975);box-shadow:var(--shadow-lift)}.hero-banner{background:linear-gradient(135deg,var(--sage-deep) 0%,#4a5840 100%);border-radius:24px;color:var(--card);position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:#ffffff12}.btn{width:100%;border:none;border-radius:18px;padding:16px 20px;font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;background:linear-gradient(135deg,var(--sage-deep),#4a5840);color:var(--card);transition:transform .22s var(--spring),opacity .2s,box-shadow .25s var(--ease);box-shadow:0 6px 18px #5c6b4d47}.btn:active{transform:scale(.96)}.btn:disabled{background:var(--line);color:var(--muted);cursor:default;box-shadow:none;transform:none}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--line);box-shadow:none}.btn-danger{background:linear-gradient(135deg,var(--clay),#b05f33);box-shadow:0 6px 18px #c97b4a4d}.btn-small{padding:10px 14px;font-size:13px;border-radius:12px;width:auto}.pill-btn{background:var(--sage-deep);color:var(--card);border:none;font-size:14px;font-weight:500;padding:12px 24px;border-radius:100px;cursor:pointer;transition:transform .22s var(--spring);box-shadow:0 5px 14px #5c6b4d4d}.pill-btn:active{transform:scale(.93)}.pill-btn:disabled{background:var(--line);color:var(--muted);box-shadow:none}.input{width:100%;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--sage);box-shadow:0 0 0 3px #7c8c6a2e}textarea.input{resize:vertical}.field-label{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.chip{background:var(--card);border:1px solid var(--line);font-size:12px;padding:7px 13px;border-radius:100px;animation:chipIn .4s var(--spring) both}@keyframes chipIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.badge-wero{background:var(--wero);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:6px}.badge-soft{display:inline-block;background:var(--sage-soft);color:var(--sage-deep);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:100px}.badge-pay{border:none;cursor:pointer;font-size:10.5px;font-weight:600;padding:5px 10px;border-radius:100px;transition:transform .2s var(--spring)}.badge-pay:active{transform:scale(.9)}.badge-pay.declared{background:#ece6fb;color:var(--wero)}.badge-pay.received{background:var(--sage-soft);color:var(--sage-deep)}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:#fbf8f2d1;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:10px 18px calc(env(safe-area-inset-bottom,0px) + 12px);z-index:40}.nav-item{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--muted);cursor:pointer;padding:7px 18px;border-radius:16px;position:relative;transition:color .25s,background .3s var(--ease),transform .25s var(--spring)}.nav-item.active{color:var(--sage-deep);background:var(--sage-soft);transform:translateY(-2px)}.nav-item .ic{font-size:18px;transition:transform .3s var(--spring)}.nav-item.active .ic{transform:scale(1.15)}.nav-count{position:absolute;top:2px;right:10px;background:var(--clay);color:#fff;font-size:9px;font-weight:700;min-width:15px;height:15px;border-radius:100px;display:flex;align-items:center;justify-content:center;animation:chipIn .4s var(--spring) both}.stepper{display:flex;align-items:center;gap:6px}.step-dot{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:var(--line);color:var(--muted);transition:background .3s,color .3s,transform .3s var(--spring)}.step-dot.on{background:var(--sage-deep);color:var(--card);transform:scale(1.12)}.step-bar{flex:1;height:2.5px;border-radius:2px;background:var(--line);position:relative;overflow:hidden}.step-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--sage-deep);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.step-bar.on:after{transform:scaleX(1)}.step-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.step-lbl.on{color:var(--sage-deep)}.day-btn{background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:16px;padding:15px 16px;font-size:15px;font-weight:500;cursor:pointer;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;transition:all .25s var(--ease)}.day-btn.on{background:var(--sage-deep);color:var(--card);border-color:var(--sage-deep);box-shadow:0 6px 16px #5c6b4d47}.qty-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);font-size:20px;cursor:pointer;transition:transform .2s var(--spring),background .2s}.qty-btn:active{transform:scale(.85);background:var(--sage-soft)}.qty-val{font-size:24px;font-weight:600;min-width:34px;text-align:center;animation:chipIn .25s var(--spring) both}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a2a2466;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:60;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .25s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:430px;background:var(--cream);border-radius:28px 28px 0 0;padding:14px 22px calc(env(safe-area-inset-bottom,0px) + 24px);animation:sheetUp .38s var(--spring) both}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:40px;height:4px;border-radius:4px;background:var(--line);margin:0 auto 16px}.toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);left:50%;transform:translate(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;width:min(92vw,390px);pointer-events:none}.toast{background:#2a2a24eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);font-size:13.5px;font-weight:500;padding:12px 18px;border-radius:16px;box-shadow:var(--shadow-lift);display:flex;align-items:center;gap:9px;animation:toastIn .4s var(--spring) both}@keyframes toastIn{0%{opacity:0;transform:translateY(-16px) scale(.92)}to{opacity:1;transform:none}}.toast.leaving{animation:toastOut .25s ease both}@keyframes toastOut{to{opacity:0;transform:translateY(-10px) scale(.95)}}.sync-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.sync-dot.ok{background:#7da964}.sync-dot.syncing{background:#d9a73f;animation:pulse 1.1s ease-in-out infinite}.sync-dot.offline{background:var(--clay)}@keyframes pulse{50%{opacity:.35}}.pin-dots{display:flex;gap:14px;justify-content:center;margin:26px 0 30px}.pin-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--muted);transition:all .2s var(--spring)}.pin-dot.fill{background:var(--sage-deep);border-color:var(--sage-deep);transform:scale(1.15)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:280px;margin:0 auto}.pin-key{height:64px;border-radius:22px;border:none;background:var(--card);font-size:24px;font-weight:500;cursor:pointer;box-shadow:var(--shadow);transition:transform .18s var(--spring),background .15s}.pin-key:active{transform:scale(.88);background:var(--sage-soft)}.pin-key.ghost{background:transparent;box-shadow:none}.shake{animation:shake .45s ease}@keyframes shake{20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.success-ring{width:78px;height:78px;border-radius:50%;background:linear-gradient(135deg,var(--sage-deep),#4a5840);color:var(--card);font-size:36px;display:flex;align-items:center;justify-content:center;margin:0 auto;animation:popIn .55s var(--spring) both;box-shadow:0 12px 30px #5c6b4d66}@keyframes popIn{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.banner{border-radius:18px;padding:13px 16px;display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.4;animation:screenIn .4s var(--ease) both}.banner.gold{background:var(--gold-bg);color:var(--gold-ink)}.banner.sage{background:var(--sage-soft);color:var(--sage-deep)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);animation:screenIn .35s var(--ease) both}.list-row:last-child{border-bottom:none}.tab-pill{flex:1;background:var(--card);color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:10px 8px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .25s var(--ease)}.tab-pill.on{background:var(--sage-deep);color:var(--card);border-color:var(--sage-deep);box-shadow:0 5px 14px #5c6b4d40}.copy-row{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1.5px dashed var(--sage);border-radius:16px;padding:13px 16px}.upload-zone{display:block;text-align:center;background:var(--card);border:1.5px dashed var(--sage);border-radius:14px;padding:13px;font-size:13px;font-weight:500;color:var(--sage-deep);cursor:pointer;transition:background .2s}.upload-zone:active{background:var(--sage-soft)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}