@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--surface: #f9f9fc;--surface-dim: #dadadc;--surface-bright: #f9f9fc;--surface-container-lowest: #ffffff;--surface-container-low: #f3f3f6;--surface-container: #eeeef0;--surface-container-high: #e8e8ea;--surface-container-highest: #e2e2e5;--background: #f9f9fc;--on-surface: #1a1c1e;--on-surface-variant: #414844;--on-background: #1a1c1e;--inverse-surface: #2f3133;--inverse-on-surface: #f0f0f3;--fg-1: #1a1c1e;--fg-2: #414844;--fg-3: #717973;--fg-on-primary: #ffffff;--outline: #717973;--outline-variant: #c1c8c2;--primary: #012d1d;--on-primary: #ffffff;--primary-container: #1b4332;--on-primary-container: #86af99;--inverse-primary: #a5d0b9;--primary-fixed: #c1ecd4;--primary-fixed-dim: #a5d0b9;--on-primary-fixed: #002114;--on-primary-fixed-variant: #274e3d;--surface-tint: #3f6653;--secondary: #64568e;--on-secondary: #ffffff;--secondary-container: #d1c0ff;--on-secondary-container: #5a4c83;--secondary-fixed: #e8ddff;--secondary-fixed-dim: #cebdfd;--on-secondary-fixed: #201046;--on-secondary-fixed-variant: #4c3e74;--tertiary: #002d1a;--on-tertiary: #ffffff;--tertiary-container: #1a432e;--on-tertiary-container: #84b095;--tertiary-fixed: #c0edd0;--tertiary-fixed-dim: #a4d1b4;--on-tertiary-fixed: #002112;--on-tertiary-fixed-variant: #264f39;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--success: #1b4332;--success-container: #c1ecd4;--warning: #8a5a00;--warning-container: #ffe2b8;--info: #4c3e74;--info-container: #e8ddff;--font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Manrope", ui-sans-serif, system-ui, sans-serif;--type-headline-xl-size: 48px;--type-headline-xl-lh: 1.2;--type-headline-xl-tracking: -.02em;--type-headline-xl-weight: 700;--type-headline-lg-size: 32px;--type-headline-lg-lh: 1.25;--type-headline-lg-tracking: -.01em;--type-headline-lg-weight: 700;--type-headline-md-size: 24px;--type-headline-md-lh: 1.3;--type-headline-md-weight: 600;--type-body-lg-size: 18px;--type-body-lg-lh: 1.6;--type-body-lg-weight: 400;--type-body-md-size: 16px;--type-body-md-lh: 1.6;--type-body-md-weight: 400;--type-label-md-size: 14px;--type-label-md-lh: 1.4;--type-label-md-tracking: .02em;--type-label-md-weight: 600;--type-label-sm-size: 12px;--type-label-sm-lh: 1.4;--type-label-sm-weight: 700;--space-base: 8px;--space-xs: 4px;--space-sm: 12px;--space-md: 24px;--space-lg: 48px;--space-xl: 80px;--container-max: 1200px;--gutter: 24px;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(1, 45, 29, .04);--shadow-sm: 0 4px 12px rgba(1, 45, 29, .04);--shadow: 0 10px 30px rgba(0, 0, 0, .04);--shadow-md: 0 16px 40px rgba(1, 45, 29, .06);--shadow-lg: 0 24px 60px rgba(1, 45, 29, .08);--shadow-focus: 0 0 0 3px rgba(1, 45, 29, .18);--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.4, 0, .2, 1);--duration-fast: .12s;--duration: .2s;--duration-slow: .32s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);color:var(--on-surface);background:var(--background);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh)}h1,.h1{font-family:var(--font-display);font-size:var(--type-headline-xl-size);line-height:var(--type-headline-xl-lh);letter-spacing:var(--type-headline-xl-tracking);font-weight:var(--type-headline-xl-weight);color:var(--on-surface);margin:0 0 var(--space-md);text-wrap:balance}h2,.h2{font-family:var(--font-display);font-size:var(--type-headline-lg-size);line-height:var(--type-headline-lg-lh);letter-spacing:var(--type-headline-lg-tracking);font-weight:var(--type-headline-lg-weight);color:var(--on-surface);margin:0 0 var(--space-sm);text-wrap:balance}h3,.h3{font-family:var(--font-display);font-size:var(--type-headline-md-size);line-height:var(--type-headline-md-lh);font-weight:var(--type-headline-md-weight);color:var(--on-surface);margin:0 0 var(--space-sm)}p,.body{font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh);color:var(--on-surface);margin:0 0 var(--space-sm);text-wrap:pretty}.body-lg{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-lh);color:var(--on-surface)}.label{font-size:var(--type-label-md-size);line-height:var(--type-label-md-lh);letter-spacing:var(--type-label-md-tracking);font-weight:var(--type-label-md-weight)}.label-sm,.eyebrow{font-size:var(--type-label-sm-size);line-height:var(--type-label-sm-lh);font-weight:var(--type-label-sm-weight);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.surface{background:var(--surface-container-lowest)}.surface-soft{background:var(--surface-container-low)}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-md)}.card-interactive{transition:transform var(--duration) var(--ease-standard),box-shadow var(--duration) var(--ease-standard);cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-selected{border:1.5px solid var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-size:var(--type-label-md-size);font-weight:600;letter-spacing:.01em;border-radius:var(--radius);padding:12px 20px;border:none;cursor:pointer;transition:background-color var(--duration) var(--ease-standard),transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration) var(--ease-standard);white-space:nowrap}.btn:active{transform:scale(.98)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:#001f14}.btn-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-secondary:hover{background:var(--primary-fixed)}.btn-soft{background:var(--secondary-fixed);color:var(--on-secondary-container)}.btn-soft:hover{background:var(--secondary-fixed-dim)}.btn-ghost{background:transparent;color:var(--on-surface)}.btn-ghost:hover{background:var(--surface-container)}.btn-lg{padding:16px 28px;font-size:16px;border-radius:var(--radius-md)}.btn-block{width:100%}.input{display:block;width:100%;font-family:var(--font-sans);font-size:var(--type-body-md-size);color:var(--on-surface);background:var(--surface-container-low);border:1.5px solid transparent;border-radius:var(--radius);padding:14px 16px;transition:border-color var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard)}.input::placeholder{color:var(--fg-3)}.input:focus{outline:none;border-color:var(--primary);background:var(--surface-container-lowest)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--type-label-sm-size);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.chip-primary{background:var(--primary);color:var(--on-primary)}.chip-soft{background:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.chip-secondary{background:var(--secondary-fixed);color:var(--on-secondary-container)}.chip-tertiary{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.chip-warning{background:var(--warning-container);color:var(--warning)}.chip-error{background:var(--error-container);color:var(--on-error-container)}.icon-disc{width:44px;height:44px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;color:var(--primary);background:var(--primary-fixed);flex-shrink:0}.icon-disc-secondary{background:var(--secondary-fixed);color:var(--on-secondary-container)}.icon-disc-tertiary{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.icon-disc-warning{background:var(--warning-container);color:var(--warning)}.container{max-width:var(--container-max);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.stack-xs>*+*{margin-top:var(--space-xs)}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.atmosphere{background:radial-gradient(60% 50% at 90% 0%,rgba(165,208,185,.35),transparent 60%),radial-gradient(50% 40% at 0% 100%,rgba(206,189,253,.35),transparent 60%),var(--surface)}:root{--dash-bg: #f8f7f4;--dash-radiant-soft: radial-gradient(100% 80% at 100% -4%, rgba(165, 208, 185, .32), transparent 68%), radial-gradient(95% 75% at -4% 104%, rgba(206, 189, 253, .28), transparent 66%);--bottom-bar-height: 96px}html,body,#root{min-height:100%;min-height:100dvh;margin:0;background:var(--dash-bg)}.frame-stage{min-height:100dvh;display:flex;flex-direction:column;background:var(--dash-radiant-soft),var(--dash-bg)}.phone{width:100%;max-width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:transparent}.app-nav{position:sticky;top:0;z-index:5;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:max(16px,env(safe-area-inset-top)) 20px 16px;background:#f8f7f4c7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.04)}.app-nav .logo{height:32px;width:auto}.app-nav .pharmacy{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}.app-nav .pharmacy .ph-name{font-size:13px;color:var(--on-surface);font-weight:700;display:inline-flex;align-items:flex-start;gap:4px;line-height:1.35}.app-nav .pharmacy .ph-name svg{color:var(--primary);flex-shrink:0;width:14px;height:14px;margin-top:.15em}.app-nav .pharmacy .ph-eyebrow{font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--fg-3)}.screen-body{flex:1;overflow-y:auto;padding:24px 20px calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px) + 24px);animation:screen-enter var(--duration) var(--ease-standard);-webkit-overflow-scrolling:touch}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.h-screen{font-family:var(--font-sans);font-weight:700;font-size:26px;line-height:1.2;letter-spacing:-.01em;margin:8px 0 6px;color:var(--on-surface)}.sub-screen{color:var(--fg-2);font-size:15px;line-height:1.55;margin:0 0 20px}.top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.top-row-spacer{width:40px;height:40px;flex-shrink:0}.icon-btn{width:40px;height:40px;border-radius:9999px;background:#ffffffb8;color:var(--on-surface);display:grid;place-items:center;border:none;cursor:pointer;transition:background var(--duration) var(--ease-standard),transform var(--duration-fast)}.icon-btn:hover{background:#ffffffeb}.step-indicator{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.step-bars{display:flex;gap:4px;flex:1;max-width:120px;margin-left:8px}.step-bars span{height:4px;flex:1;border-radius:2px;background:var(--outline-variant);transition:background var(--duration) var(--ease-standard)}.step-bars span.done{background:var(--primary)}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;padding:16px 20px max(24px,env(safe-area-inset-bottom));background:linear-gradient(to top,#f8f7f4fa 65%,#f8f7f4e0 82%,#f8f7f400);display:flex;flex-direction:column;gap:8px;pointer-events:none}.bottom-bar .btn{width:100%;pointer-events:auto}.privacy-banner{display:flex;align-items:center;gap:10px;background:var(--secondary-fixed);color:var(--on-secondary-fixed-variant);border-radius:12px;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.4}.privacy-banner svg{flex-shrink:0;color:var(--secondary)}.summary{background:var(--surface-container-lowest);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.summary-row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0}.summary-row+.summary-row{border-top:1px solid var(--surface-container-high)}.summary-row .k{font-size:14px;color:var(--fg-2)}.summary-row .v{font-size:14px;font-weight:700;color:var(--on-surface);font-variant-numeric:tabular-nums;text-align:right}.welcome-pharmacy{display:flex;align-items:center;gap:12px;background:var(--primary-fixed);border-radius:14px;padding:14px 16px;margin-bottom:16px}.welcome-pharmacy .icon-disc svg{width:18px;height:18px}.welcome-pharmacy .body{font-size:13px;line-height:1.45;color:var(--primary)}.welcome-pharmacy .body strong{display:block;font-weight:700;font-size:14px;margin-bottom:2px;color:var(--on-primary-fixed-variant)}.textarea{width:100%;min-height:140px;resize:vertical;font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--on-surface);background:#ffffffb8;border:1.5px solid transparent;border-radius:12px;padding:14px 16px}.textarea:focus{outline:none;border-color:var(--primary);background:var(--surface-container-lowest)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;font-weight:600;color:var(--on-surface-variant);letter-spacing:.02em}.helper{font-size:12px;color:var(--fg-3);margin-top:8px;line-height:1.5}.helper-warn{color:var(--error)}.photo-grid{display:flex;flex-wrap:wrap;gap:10px}.photo-thumb{position:relative;width:104px;height:104px;flex:0 0 104px;border-radius:14px;background-color:var(--surface-container);background-size:cover;background-position:center;box-shadow:var(--shadow)}.photo-thumb-remove{position:absolute;top:6px;right:6px;width:28px;height:28px;border:none;border-radius:9999px;display:grid;place-items:center;background:#1a1c1eb8;color:#fff;cursor:pointer;padding:0}.photo-thumb-remove:active{transform:scale(.96)}.photo-thumb.is-uploading:after,.photo-thumb.is-error:after{content:"";position:absolute;inset:0;border-radius:14px;background:#1a1c1e73}.photo-thumb-status,.photo-thumb-retry{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}.photo-thumb-retry{border:none;border-radius:9999px;padding:6px 12px;background:#1a1c1ed9;cursor:pointer}.photo-add-tile:disabled{opacity:.55;cursor:not-allowed}.photo-add-tile{width:104px;height:104px;flex:0 0 104px;border-radius:14px;border:1.5px dashed var(--outline-variant);background:var(--surface-container-low);color:var(--on-surface-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;padding:0}.photo-add-tile:hover{border-color:var(--secondary);color:var(--secondary);background:var(--secondary-fixed)}.photo-add-tile:active{transform:scale(.98)}.helper.photo-policy{margin-top:0}.success-disc{width:72px;height:72px;border-radius:9999px;background:var(--primary-fixed);color:var(--primary);display:grid;place-items:center;margin:0 auto 18px;animation:pop var(--duration-slow) var(--ease-emphasized)}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.success-disc svg{width:32px;height:32px}.error-disc{width:72px;height:72px;border-radius:9999px;background:var(--error-container);color:var(--error);display:grid;place-items:center;margin:0 auto 18px}.error-disc svg{width:32px;height:32px}.consent-card{display:flex;align-items:flex-start;gap:12px;background:var(--surface-container-lowest);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow);cursor:pointer;font-size:14px;line-height:1.5;color:var(--on-surface);border:1.5px solid transparent;transition:border-color var(--duration) var(--ease-standard)}.consent-card.is-checked{border-color:var(--primary)}.consent-card input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--primary)}.address-form{display:flex;flex-direction:column;gap:14px}@keyframes attention-pulse{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(1px)}75%{transform:translateY(-1px)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.address-suggestion-item{width:100%;display:flex;align-items:flex-start;gap:10px;padding:11px 16px;background:none;border:none;border-bottom:1px solid var(--surface-container-high);cursor:pointer;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--on-surface);text-align:left}.address-suggestion-item:last-child{border-bottom:none}.address-suggestion-item svg{flex-shrink:0;color:var(--fg-3);margin-top:2px}.address-fields{display:flex;flex-direction:column;gap:12px}.addr-field{display:flex;flex-direction:column;gap:6px}.addr-street,.addr-street-wrap{position:relative}.addr-street-spinner{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--fg-3);display:flex;pointer-events:none}.addr-street-spinner svg{animation:spin .8s linear infinite}.address-suggestions-inline{margin-top:6px;border-radius:12px;overflow:hidden;background:var(--surface-container-lowest);box-shadow:var(--shadow);border:1px solid var(--surface-container-high)}.addr-field label{font-size:12px;font-weight:600;color:var(--on-surface-variant);letter-spacing:.02em}.addr-optional{text-transform:none;letter-spacing:0;font-weight:500;color:var(--fg-3)}.addr-field input,.addr-field select{width:100%;font-family:var(--font-sans);font-size:16px;color:var(--on-surface);background:#ffffffb8;border:1.5px solid transparent;border-radius:12px;padding:12px 14px;transition:border-color var(--duration) var(--ease-standard),box-shadow var(--duration) var(--ease-standard),background var(--duration) var(--ease-standard)}.addr-field input:focus,.addr-field select:focus{outline:none;border-color:var(--primary);background:var(--surface-container-lowest)}.addr-field.needs-attention input,.addr-field.needs-attention select{border-color:var(--error);background:color-mix(in srgb,var(--error) 6%,white);animation:attention-pulse .7s var(--ease-standard);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 18%,transparent)}.btn-primary.is-inactive{background:var(--surface-container-high);color:var(--fg-3);box-shadow:none}.btn-primary.is-inactive:hover{background:var(--surface-container-high)}.consent-card.needs-attention{animation:attention-pulse .7s var(--ease-standard);border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 16%,transparent)}.addr-field-row{display:flex;gap:8px}.addr-field-row .addr-field{flex:1;min-width:0}.summary-row.total .k{font-weight:700;color:var(--on-surface)}.summary-row.total .v{color:var(--primary);font-size:16px}.express-checkout-wrap{margin-bottom:4px}.express-checkout-wrap.is-empty{display:none}.pay-or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--fg-3);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.pay-or-divider:before,.pay-or-divider:after{content:"";flex:1;height:1px;background:var(--outline-variant)}.pay-or-divider span{flex-shrink:0}.payment-element-wrap{background:var(--surface-container-lowest);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.payment-error{margin:0 0 16px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--error) 28%,transparent);background:var(--error-container);color:var(--error);font-size:14px;line-height:1.45}.pay-secure-note{text-align:center;font-size:11px;color:var(--fg-3);letter-spacing:.04em;pointer-events:none}.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}