:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--bg-app: #080d1a;--bg-card: #0f172a;--bg-card-secondary: #1e293b;--border-subtle: rgba(255, 255, 255, .08);--border-focus: #38bdf8;--water-cyan: #38bdf8;--water-blue: #0284c7;--water-glow: rgba(56, 189, 248, .25);--street-bg: #000000;--street-surface: #0f172a;--street-card: #141d33;--street-accent: #facc15;--street-emerald: #10b981;--street-btn-h: 60px;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-header{position:sticky;top:0;z-index:50;background:#080d1ae6;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary)}.brand-logo svg{width:32px;height:32px}.brand-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,#ffffff 40%,var(--water-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;background:#38bdf826;color:var(--water-cyan);padding:3px 8px;border-radius:var(--radius-full);border:1px solid rgba(56,189,248,.3)}.nav-tabs{display:flex;background:#0f172acc;padding:4px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:4px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;text-decoration:none}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:var(--water-blue);color:#fff;box-shadow:0 2px 10px var(--water-glow)}.tab-btn.tab-courier.active{background:var(--street-accent);color:#000;box-shadow:0 2px 10px #facc154d}.main-container{flex:1;max-width:640px;width:100%;margin:0 auto;padding:16px 16px 60px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.82rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.form-control{width:100%;background:var(--bg-card-secondary);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);padding:14px 16px;border-radius:var(--radius-md);outline:none;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--water-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-with-action{display:flex;gap:8px}.btn-input-action{background:#38bdf826;border:1px solid rgba(56,189,248,.3);color:var(--water-cyan);border-radius:var(--radius-md);padding:0 16px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:700;font-size:1rem;padding:14px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--water-cyan),var(--water-blue));color:#fff;box-shadow:0 4px 14px var(--water-glow)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--bg-card-secondary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-block{width:100%}.btn-lg{padding:16px 28px;font-size:1.05rem}.btn-sm{padding:8px 14px;font-size:.85rem}.checkout-funnel-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px 20px;box-shadow:0 12px 32px #0006}.funnel-progress{display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.funnel-progress:before{content:"";position:absolute;top:14px;left:20px;right:20px;height:2px;background:var(--border-subtle);z-index:1}.step-indicator{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px}.step-num{width:28px;height:28px;border-radius:var(--radius-full);background:var(--bg-card-secondary);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:var(--text-secondary)}.step-indicator.active .step-num{background:var(--water-cyan);border-color:var(--water-cyan);color:#000;box-shadow:0 0 12px var(--water-glow)}.step-indicator.completed .step-num{background:#10b981;border-color:#10b981;color:#fff}.step-title{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.step-indicator.active .step-title{color:var(--water-cyan)}.funnel-heading{font-family:var(--font-display);font-size:1.35rem;font-weight:800;margin-bottom:6px;line-height:1.25}.funnel-subheading{color:var(--text-secondary);font-size:.88rem;line-height:1.45;margin-bottom:20px}.order-type-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card-secondary);padding:4px;border-radius:var(--radius-md);margin-bottom:20px;gap:6px}.switch-btn{background:transparent;border:none;color:var(--text-secondary);font-weight:700;font-size:.85rem;padding:10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.switch-btn.active{background:var(--water-blue);color:#fff;box-shadow:0 2px 8px var(--water-glow)}.plans-selection-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.plan-select-card{position:relative;background:var(--bg-card-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:18px 16px;cursor:pointer;transition:all .2s ease}.plan-select-card.selected{border-color:var(--water-cyan);background:#38bdf814}.plan-select-card.highlighted{border-color:#38bdf866}.popular-ribbon{position:absolute;top:-10px;right:14px;background:linear-gradient(135deg,#facc15,#f59e0b);color:#000;font-size:.65rem;font-weight:900;padding:3px 8px;border-radius:var(--radius-full)}.plan-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.plan-title{font-size:1.05rem;font-weight:800}.plan-bottles-tag{font-size:.8rem;color:var(--text-secondary)}.plan-price-tag{text-align:right}.price-val{font-size:1.25rem;font-weight:900;color:var(--water-cyan)}.price-cycle{font-size:.75rem;color:var(--text-muted)}.plan-desc-text{font-size:.82rem;color:var(--text-secondary)}.on-demand-selector{background:var(--bg-card-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px;text-align:center;margin-bottom:20px}.counter-box{display:inline-flex;align-items:center;gap:20px;margin:14px 0 10px}.counter-btn{width:44px;height:44px;border-radius:var(--radius-full);background:var(--water-blue);border:none;color:#fff;font-size:1.4rem;font-weight:800;cursor:pointer}.counter-val{font-size:2rem;font-weight:900;min-width:40px}.counter-subtext{font-size:.82rem;color:var(--text-secondary)}.coverage-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-md);margin-bottom:16px;font-size:.88rem}.coverage-banner.success{background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#6ee7b7}.coverage-banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5}.banner-icon{font-size:1.4rem;font-weight:900}.lead-capture-box{background:#ffffff08;border-radius:var(--radius-md);padding:14px;margin-bottom:16px}.bottle-declaration-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.declaration-card{background:var(--bg-card-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px 14px;cursor:pointer;transition:all .2s}.declaration-card.selected{border-color:var(--water-cyan);background:#38bdf81a}.declaration-header{display:flex;justify-content:space-between;margin-bottom:8px}.declaration-icon{font-size:1.4rem}.declaration-price{font-weight:800;font-size:.85rem;color:var(--water-cyan)}.declaration-title{font-size:.92rem;font-weight:800;margin-bottom:4px}.declaration-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.order-summary-box{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px;margin-bottom:20px}.summary-row{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:6px;color:var(--text-secondary)}.summary-divider{height:1px;background:var(--border-subtle);margin:10px 0}.summary-row.total-row{font-size:1.1rem;color:var(--text-primary)}.step-footer-row{display:flex;gap:10px;justify-content:flex-end}.pix-qr-render-box{display:flex;justify-content:center;margin:16px 0}.pix-qr-img{background:#fff;padding:12px;border-radius:var(--radius-md);width:190px;height:190px}.pix-payload-textarea{width:100%;height:60px;background:var(--bg-card-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--water-cyan);font-family:monospace;font-size:.75rem;padding:8px;margin-bottom:10px;resize:none}.polling-status-pill{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-secondary);margin-top:14px}.status-pulse-dot{width:10px;height:10px;border-radius:var(--radius-full);background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:pulse 1.4s infinite}.tracking-view-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;box-shadow:0 12px 32px #0006}.tracking-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:10px}.order-id-label{font-size:.75rem;font-weight:800;color:var(--water-cyan);letter-spacing:.05em}.tracking-title{font-family:var(--font-display);font-size:1.25rem;font-weight:800}.status-tag{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.status-connected{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-reconnecting{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-connecting{background:#38bdf826;color:var(--water-cyan);border:1px solid rgba(56,189,248,.3)}.status-disconnected{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.freshness-pill{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;padding:10px 14px;border-radius:var(--radius-md);margin-bottom:18px;transition:all .3s ease}.freshness-green{background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.freshness-amber{background:#f59e0b1f;color:#fde047;border:1px solid rgba(245,158,11,.3)}.freshness-red{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.pill-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor}.tracking-stepper{display:flex;justify-content:space-between;margin-bottom:22px;position:relative}.track-step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-dot{width:26px;height:26px;border-radius:var(--radius-full);background:var(--bg-card-secondary);border:2px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:var(--text-secondary)}.track-step.completed .step-dot{background:#10b981;border-color:#10b981;color:#fff}.track-step.active .step-dot{background:var(--water-cyan);border-color:var(--water-cyan);color:#000;box-shadow:0 0 10px var(--water-glow)}.step-text{font-size:.72rem;color:var(--text-secondary);font-weight:600}.radar-container{position:relative;height:220px;background:#040814;border:1px solid rgba(56,189,248,.2);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px}.radar-map-svg{width:100%;height:100%}.courier-moto-marker{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.moto-icon-wrap{transition:transform .4s ease;filter:drop-shadow(0 0 8px #facc15)}.courier-tag-floating{background:#000000d9;border:1px solid #facc15;color:#facc15;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:var(--radius-full);white-space:nowrap;margin-top:4px}.telemetry-info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px}.telemetry-metric-card{background:var(--bg-card-secondary);border-radius:var(--radius-md);padding:12px;text-align:center}.metric-title{display:block;font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.metric-big-val{font-size:1.15rem;font-weight:900;color:var(--text-primary)}.tracking-details-card{background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.card-subtitle-bold{font-size:.9rem;font-weight:800;margin-bottom:6px}.address-full{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.courier-contact-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;padding-top:10px;border-top:1px solid var(--border-subtle)}.btn-call-courier{background:#10b98126;border:1px solid #10b981;color:#6ee7b7;padding:6px 12px;border-radius:var(--radius-sm);text-decoration:none;font-weight:700;font-size:.8rem}.courier-mode-root.sunlight-theme{background:var(--street-bg);color:#fff}.street-top-bar{background:var(--street-surface);border-bottom:3px solid var(--street-accent);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-md) var(--radius-md) 0 0}.street-courier-info{display:flex;align-items:center;gap:10px}.street-status-dot{width:12px;height:12px;border-radius:var(--radius-full);background:#ef4444}.street-status-dot.active{background:#10b981;box-shadow:0 0 10px #10b981}.street-name{font-size:1.1rem;font-weight:900;letter-spacing:-.01em}.street-wallet-pill{background:#facc1526;border:2px solid var(--street-accent);border-radius:var(--radius-full);padding:6px 14px;display:flex;align-items:center;gap:6px}.wallet-label{font-size:.7rem;font-weight:800;color:var(--street-accent)}.wallet-val{font-size:1.15rem;font-weight:900;color:#fff}.street-body{padding:16px 0}.street-state-card{background:var(--street-surface);border:2px solid rgba(255,255,255,.18);border-radius:var(--radius-lg);padding:24px 20px}.street-heading{font-size:1.45rem;font-weight:900;line-height:1.25;margin-bottom:8px}.street-subheading{font-size:1rem;color:#cbd5e1;margin-bottom:22px;line-height:1.4}.street-btn{height:var(--street-btn-h);min-height:56px;font-size:1.15rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;border-radius:var(--radius-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-bottom:12px;transition:transform .1s}.street-btn:active{transform:scale(.97)}.street-btn-primary{background:var(--street-accent);color:#000;box-shadow:0 4px 16px #facc1566}.street-btn-action{background:var(--street-emerald);color:#fff;box-shadow:0 4px 16px #10b98166}.street-btn-accept{background:#10b981;color:#fff;font-size:1.25rem;box-shadow:0 6px 20px #10b98180}.street-btn-reject{background:#ef444433;border:2px solid #ef4444;color:#ef4444;font-size:1rem}.street-btn-danger{background:#ef4444;color:#fff}.street-btn-nav{background:#2563eb;color:#fff;border:2px solid #60a5fa}.btn-giant{height:64px}.street-modal-invasive{background:#0d121f;border:3px solid var(--street-accent);border-radius:var(--radius-lg);padding:24px 20px;animation:pulseBorder 1.5s infinite alternate}@keyframes pulseBorder{0%{border-color:var(--street-accent)}to{border-color:#ef4444}}.countdown-hero{display:flex;flex-direction:column;align-items:center;margin-bottom:18px}.countdown-digits{font-size:4rem;font-weight:900;color:#f87171;line-height:1}.countdown-unit{font-size:.8rem;font-weight:800;color:#94a3b8;letter-spacing:.05em}.batch-offer-summary{background:#ffffff0d;border-radius:var(--radius-md);padding:16px;margin-bottom:22px}.offer-badge-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.offer-pill{font-size:.75rem;font-weight:900;background:#facc1533;color:var(--street-accent);padding:4px 10px;border-radius:var(--radius-full)}.offer-earning{font-size:1.6rem;font-weight:900;color:#10b981}.offer-neighborhood{font-size:1.4rem;font-weight:900;margin-bottom:12px}.offer-details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.offer-detail-item{background:#0006;padding:8px;border-radius:var(--radius-sm);text-align:center}.detail-label{display:block;font-size:.68rem;color:#94a3b8;font-weight:700}.detail-val{font-size:.95rem;font-weight:900}.hub-checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}.checklist-row{min-height:56px;display:flex;align-items:center;gap:16px;padding:14px 16px;background:#ffffff0f;border:2px solid rgba(255,255,255,.15);border-radius:var(--radius-md);cursor:pointer;user-select:none}.checklist-row.checked{border-color:#10b981;background:#10b98126}.check-box{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid #94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900;color:#fff}.checklist-row.checked .check-box{background:#10b981;border-color:#10b981}.check-text strong{display:block;font-size:1.05rem}.check-text small{color:#94a3b8;font-size:.8rem}.stop-badge-header{display:flex;justify-content:space-between;margin-bottom:14px}.stop-counter{font-size:.85rem;font-weight:900;color:var(--street-accent)}.stop-bottles-badge{background:#2563eb;color:#fff;font-size:.8rem;font-weight:900;padding:4px 10px;border-radius:var(--radius-full)}.stop-customer-box{background:#ffffff0d;border-radius:var(--radius-md);padding:18px;margin-bottom:20px}.stop-customer-name{font-size:1.5rem;font-weight:900;margin-bottom:6px}.stop-address-main{font-size:1.25rem;font-weight:700;color:#fff}.stop-complement{font-size:1.05rem;color:#facc15;margin-top:4px}.stop-neighborhood{font-size:.95rem;color:#94a3b8;margin-top:2px}.stop-phone-link{display:inline-block;margin-top:12px;color:#6ee7b7;font-size:1.05rem;font-weight:800;text-decoration:underline}.sanitary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.year-touch-btn{height:64px;min-height:56px;border-radius:var(--radius-md);border:3px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;font-size:1.25rem;font-weight:900;cursor:pointer}.year-touch-btn.btn-valid.selected{border-color:#10b981;background:#10b9814d;color:#6ee7b7}.year-touch-btn.btn-expired.selected{border-color:#ef4444;background:#ef44444d;color:#fca5a5}.sanitary-alert-box{display:flex;gap:12px;padding:14px;background:#ef444426;border:2px solid #ef4444;border-radius:var(--radius-md);margin-bottom:16px}.sanitary-alert-box .alert-icon{font-size:1.6rem}.sanitary-alert-box strong{display:block;color:#fca5a5;font-size:.95rem}.sanitary-alert-box p{color:#cbd5e1;font-size:.85rem}.return-hub-hero{margin:10px 0 16px}.payout-card-highlight{background:#10b98126;border:2px solid #10b981;border-radius:var(--radius-md);padding:18px;margin:20px 0}.payout-label{display:block;font-size:.8rem;font-weight:800;color:#6ee7b7}.payout-amount{font-size:2.2rem;font-weight:900;color:#fff}.admin-dashboard-root{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.admin-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800}.admin-subtitle{font-size:.82rem;color:var(--text-secondary)}.env-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;color:#10b981;background:#10b9811f;padding:6px 12px;border-radius:var(--radius-full)}.env-dot{width:6px;height:6px;border-radius:var(--radius-full);background:#10b981}.admin-section{margin-bottom:26px}.section-title{font-size:.95rem;font-weight:800;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px}.admin-metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.stat-card{background:var(--bg-card-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:16px}.stat-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.stat-val{font-size:1.4rem;font-weight:900;display:block}.stat-hint{display:block;font-size:.72rem;color:var(--text-secondary);margin-top:4px}.alerts-container{display:flex;flex-direction:column;gap:10px}.alert-item{padding:14px;border-radius:var(--radius-md);font-size:.85rem}.alert-ok{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#6ee7b7}.alert-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5}.text-cyan{color:var(--water-cyan)}.text-emerald{color:#10b981}.text-amber{color:#facc15}.text-center{text-align:center}@media(max-width:520px){.admin-metrics-grid,.bottle-declaration-grid,.form-row{grid-template-columns:1fr}}.auth-card-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:16px}.auth-card{width:100%;max-width:440px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;box-shadow:0 20px 40px #00000073}.admin-auth-theme{border:1px solid rgba(250,204,21,.3);box-shadow:0 20px 40px #facc151a}.auth-header-box{margin-bottom:24px}.auth-icon-circle{width:64px;height:64px;border-radius:var(--radius-full);background:#38bdf81f;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.admin-icon-circle{background:#facc1526}.auth-error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5;padding:12px 16px;border-radius:var(--radius-sm);font-size:.88rem;margin-bottom:20px;display:flex;align-items:center;gap:8px}.otp-stage-box{display:flex;flex-direction:column;gap:16px}.otp-input-hero{font-family:var(--font-display);font-size:2.2rem;font-weight:800;letter-spacing:12px;text-align:center;color:var(--water-cyan);background:#080d1acc;border:2px solid var(--water-cyan);padding:14px;border-radius:var(--radius-md)}.otp-dev-badge{background:#38bdf826;border:1px dashed var(--water-cyan);padding:10px;border-radius:var(--radius-sm);text-align:center;font-size:.85rem;color:var(--water-cyan)}.customer-portal-root{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto;padding-bottom:40px}.portal-header-card{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px}.portal-user-row{display:flex;justify-content:space-between;align-items:flex-start}.portal-avatar-circle{width:52px;height:52px;border-radius:var(--radius-full);background:#38bdf826;color:var(--water-cyan);font-size:1.5rem;display:flex;align-items:center;justify-content:center;font-weight:800}.btn-ghost-logout{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-ghost-logout:hover{background:#ef44441a;color:#fca5a5;border-color:#ef44444d}.portal-consumption-card{border-top:3px solid var(--water-cyan)}.consumption-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.consumption-tag{font-size:.72rem;font-weight:800;letter-spacing:1px;color:var(--text-muted)}.consumption-count{font-size:2.2rem;font-weight:900;line-height:1.1;margin-top:4px}.consumption-count small{font-size:1rem;font-weight:500;color:var(--text-secondary)}.status-pill-badge{font-size:.75rem;font-weight:800;padding:6px 12px;border-radius:var(--radius-full)}.badge-active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-paused{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-canceled{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.consumption-progress-track{width:100%;height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;margin-bottom:20px}.consumption-progress-fill{height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8);border-radius:var(--radius-full);transition:width .5s ease}.next-delivery-info{display:flex;align-items:center;gap:14px;background:#080d1a99;padding:14px 16px;border-radius:var(--radius-md);font-size:.9rem}.delivery-clock-icon{font-size:1.5rem}.plan-details-table{display:flex;flex-direction:column;gap:12px;margin-top:14px}.table-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.row-label{color:var(--text-secondary)}.row-value{color:var(--text-primary);text-align:right}.lifecycle-buttons-grid{display:flex;flex-direction:column;gap:12px;margin-top:20px}.btn-cancel-sub{background:transparent;border:1px solid rgba(239,68,68,.3);color:#fca5a5;font-size:.85rem}.btn-cancel-sub:hover{background:#ef44441a;border-color:#ef4444}.canceled-notice{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:14px;border-radius:var(--radius-md);font-size:.88rem;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:var(--bg-card);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);max-width:480px;width:100%;padding:28px 24px;box-shadow:0 25px 50px -12px #0009;animation:modalPop .25s cubic-bezier(.16,1,.3,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pause-days-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.chip-day-btn{background:var(--bg-card-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:700;padding:10px 18px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;font-size:.9rem}.chip-day-btn:hover{border-color:var(--water-cyan);color:var(--text-primary)}.chip-day-btn.selected{background:#38bdf82e;border-color:var(--water-cyan);color:var(--water-cyan);box-shadow:0 0 12px #38bdf84d}.pause-preview-box{background:#080d1ab3;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:.92rem}.cancel-reason-options{display:flex;flex-direction:column;gap:12px;margin-top:12px}.reason-label-row{display:flex;align-items:center;gap:12px;background:#ffffff08;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);cursor:pointer;font-size:.92rem;transition:all .2s ease}.reason-label-row:hover{background:#ffffff0f;border-color:#fff3}.cancel-warning-box{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);color:#fde68a;padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;line-height:1.4;margin-top:16px}