*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);font-size:var(--font-size-md);line-height:1.5;color:var(--color-text);background:var(--color-bg);min-height:100dvh;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-ui);color:inherit}input,select,textarea{font-size:inherit}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ol,ul{list-style:none}img,svg{display:block;max-width:100%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--font-size-md);letter-spacing:.04em;text-transform:uppercase;color:var(--color-bg);background:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-cta);transition:background var(--dur-base) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{background:var(--color-border);color:var(--color-text-muted);box-shadow:none;cursor:not-allowed}.btn-primary.btn--loading{pointer-events:none;opacity:.75;position:relative;color:transparent}.btn-primary.btn--loading:after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;border:2px solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(1turn)}}.link-primary{color:var(--color-primary);font-weight:600;text-decoration:none}.link-primary:hover{text-decoration:underline}.link-muted{color:var(--color-text-muted);font-size:var(--font-size-sm)}.link-muted:hover{color:var(--color-primary)}.form-field{position:relative;margin-bottom:var(--space-4)}.form-input{width:100%;height:48px;padding:0 var(--space-4);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.form-input[aria-invalid=true]{border-color:var(--color-primary);background:var(--color-primary-10)}.form-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.form-label-row{display:flex;align-items:center;justify-content:space-between}.form-label a,a.form-label{color:var(--color-primary)}a.form-label{margin-left:auto;min-height:44px;display:inline-flex;align-items:center}.form-error{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);display:flex;align-items:center;gap:var(--space-2)}.form-error[hidden]{display:none}.form-help{margin-top:var(--space-2)}.form-help,.section-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.section-label{font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin:var(--space-6) 0 var(--space-3)}.form-password{position:relative}.form-password .form-input{padding-right:48px}.password-toggle{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-sm)}.password-toggle:hover{color:var(--color-primary)}.otp-cell-group{display:flex;gap:var(--space-2);justify-content:center;margin:var(--space-6) 0}.otp-cell{width:48px;height:56px;font-family:var(--font-ui);font-size:var(--font-size-xl);font-weight:700;text-align:center;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.otp-cell:focus{outline:none;border-color:var(--color-primary);background:var(--color-primary-10);box-shadow:0 0 0 3px var(--color-primary-10)}.otp-cell-group[data-error=true] .otp-cell{animation:shake var(--dur-fast) var(--ease-sharp)}.otp-cell--error,.otp-cell-group[data-error=true] .otp-cell{border-color:var(--color-error,#d63c36);background:var(--color-error-bg,#fff5f5)}.otp-timer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.otp-timer[data-expired=true]{color:var(--color-primary);font-weight:600}.otp-timer{display:flex;justify-content:space-between;align-items:center}.otp-countdown{font-weight:700;color:var(--color-text)}.otp-countdown[data-urgent=true]{color:var(--color-warning)}.otp-resend{background:none;border:none;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;cursor:pointer;padding:0}.otp-resend:disabled{color:var(--color-text-muted);cursor:default}.password-strength{margin-top:var(--space-3)}.password-strength-bar{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.password-strength-seg{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--dur-base) var(--ease-standard)}.password-strength[data-strength=weak] .password-strength-seg:first-child{background:var(--color-error)}.password-strength[data-strength=fair] .password-strength-seg:nth-child(-n+3){background:var(--color-warning)}.password-strength[data-strength=strong] .password-strength-seg{background:var(--color-success)}.password-strength-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.password-strength[data-strength=weak] .password-strength-label{color:var(--color-error)}.password-strength[data-strength=fair] .password-strength-label{color:var(--color-warning)}.password-strength[data-strength=strong] .password-strength-label{color:var(--color-success)}.requirements-checklist{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.requirements-checklist li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.requirements-checklist li:before{content:"";width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-border);flex-shrink:0}.requirements-checklist li[data-met=true]{color:var(--color-text)}.requirements-checklist li[data-met=true]:before{background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.5 2.5 2.5L12 5.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:12px 12px}.hidden,.match-indicator[hidden],.password-match-indicator.hidden,.password-match-indicator[hidden]{display:none}.match-indicator,.password-match-indicator{margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.match-indicator[data-matches=true],.password-match-indicator[data-match=yes]{color:var(--color-success)}.match-indicator[data-matches=false],.password-match-indicator[data-match=no]{color:var(--color-error)}.otp-cell[data-error=true]{border-color:var(--color-error);background:#fff5f5;animation:otp-shake .3s ease}@keyframes otp-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.auth-toast-stack{position:fixed;top:calc(16px + env(safe-area-inset-top, 0px));left:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.auth-toast{pointer-events:all;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-family:var(--font-ui);line-height:1.45;box-shadow:0 4px 16px rgba(0,0,0,.18);animation:auth-toast-in .2s ease}@keyframes auth-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-toast--success{background:#0f7a57}.auth-toast--error{background:#c0392b}.auth-toast--warn{background:#d4750a}.auth-toast--info{background:#1a1a1a}.auth-toast__close{background:none;border:none;color:hsla(0,0%,100%,.75);cursor:pointer;font-size:18px;line-height:1;padding:0;flex-shrink:0;margin-top:-1px}.auth-toast__close:hover{color:#fff}.form-check{gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);line-height:1.5}.form-check input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-primary);margin-top:2px;flex-shrink:0}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0;color:var(--color-text-muted);font-size:var(--font-size-sm)}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--color-border)}.fsp-footer{margin-top:var(--space-8);padding:var(--space-4) 0;text-align:center}.fsp-notice{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em}.app-shell{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg-secondary);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:9;gap:var(--space-3);padding:var(--space-4);padding-top:calc(var(--space-4) + env(safe-area-inset-top));background:var(--color-bg);border-bottom:1px solid var(--color-border)}.app-header,.app-header-back{display:flex;align-items:center}.app-header-back{width:40px;height:40px;justify-content:center;color:var(--color-text);border-radius:var(--radius-md);flex-shrink:0}.app-header-back:hover{background:var(--color-bg-secondary);text-decoration:none}@media (min-width:768px){.app-header-back{display:none}}.app-header-title{flex:1;font-family:var(--font-ui);font-size:var(--font-size-display-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text)}.app-header-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);border-radius:var(--radius-md);flex-shrink:0}.app-header-action:hover{color:var(--color-primary);background:var(--color-bg-secondary);text-decoration:none}.app-content{flex:1;padding:var(--space-4);max-width:560px;margin:0 auto;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-bg);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));box-shadow:var(--shadow-nav);z-index:10}.nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);min-height:48px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;text-decoration:none;transition:color var(--dur-base) var(--ease-standard)}.nav-tab:hover{text-decoration:none}.nav-tab:hover,.nav-tab[aria-current=page]{color:var(--color-primary)}.page-header{padding:var(--space-5) var(--space-4) var(--space-4);max-width:560px;margin:0 auto;width:100%}.page-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-2)}.page-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5}.section-title{font-size:var(--font-size-sm);letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.badge,.section-title{font-weight:700;text-transform:uppercase}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);letter-spacing:.06em}.badge-active,.badge-approved,.badge-paid,.badge-success{background:#e6f7ed;color:#0f7a3e}.badge-expiring,.badge-reviewing,.badge-warning{background:#fff8e1;color:#a15b00}.badge-error,.badge-rejected{background:var(--color-primary-10);color:var(--color-primary-dark)}.badge-info,.badge-submitted{background:#e8f3ff;color:#1a6ecf}.badge-expired{background:var(--color-bg-secondary);color:var(--color-text-muted)}.card{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-4)}.card-body{padding:var(--space-5)}.card-header{padding:var(--space-4) var(--space-5);font-weight:700;font-size:var(--font-size-md)}.card-header,.list-row{border-bottom:1px solid var(--color-border)}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);color:var(--color-text);transition:background var(--dur-fast) var(--ease-standard);text-decoration:none}.list-row:last-child{border-bottom:none}a.list-row:hover{background:var(--color-bg-secondary);text-decoration:none}.list-row-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.list-row-icon.muted{background:var(--color-bg-secondary);color:var(--color-text-muted)}.list-row-body{flex:1;min-width:0}.list-row-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.list-row-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.list-row-end{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.list-row-amount{font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}.list-row-chevron{color:var(--color-border)}.filter-chips{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4)}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);white-space:nowrap;cursor:pointer;transition:all var(--dur-base) var(--ease-standard)}.filter-chip:hover,.filter-chip[aria-selected=true]{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.search-bar{position:relative;margin-bottom:var(--space-4)}.search-bar-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.search-input{width:100%;height:48px;padding:0 var(--space-4) 0 44px;font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.search-input::-moz-placeholder{color:var(--color-text-muted)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.empty-state{flex-direction:column;text-align:center;padding:var(--space-12) var(--space-6)}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:64px;height:64px;background:var(--color-bg-secondary);color:var(--color-text-muted);border-radius:var(--radius-full);margin-bottom:var(--space-5)}.empty-state-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state-body{font-size:var(--font-size-md);color:var(--color-text-muted);max-width:28ch;line-height:1.5;margin-bottom:var(--space-6)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.toggle-row:last-child{border-bottom:none}.toggle-row:hover{background:var(--color-bg-secondary)}.toggle-info{flex:1;min-width:0}.toggle-info .toggle-label{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.toggle-info .toggle-meta{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.toggle-switch{position:relative;width:44px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{inset:0;background:var(--color-border);cursor:pointer;transition:background var(--dur-base) var(--ease-standard)}.toggle-slider,.toggle-slider:before{position:absolute;border-radius:var(--radius-full)}.toggle-slider:before{content:"";width:20px;height:20px;left:3px;bottom:3px;background:var(--color-bg);transition:transform var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.hero-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-cta);margin-bottom:var(--space-6);position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.08)}.hero-card-label{font-size:var(--font-size-sm);font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.08em}.hero-card-value{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1;margin:var(--space-3) 0 var(--space-5)}.hero-card-cta{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-bg);color:var(--color-primary);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.hero-card-cta:hover{text-decoration:none;background:var(--color-bg-secondary)}.timeline{position:relative;padding-left:var(--space-8)}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--space-6)}.timeline-dot{position:absolute;left:calc(-1 * var(--space-8) + 6px);top:4px;width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-border);border:2px solid var(--color-bg-secondary)}.timeline-dot[data-active=true]{background:var(--color-primary)}.timeline-dot[data-done=true]{background:#0f7a3e}.timeline-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}.timeline-date{margin-top:var(--space-1)}.timeline-date,.timeline-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.timeline-note{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md)}.btn-secondary,.timeline-note{border:1px solid var(--color-border)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:48px;padding:0 var(--space-6);font-family:var(--font-ui);font-weight:700;font-size:var(--font-size-md);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:background var(--dur-base) var(--ease-standard)}.btn-secondary:hover{background:var(--color-border)}.upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.upload-area:hover{border-color:var(--color-primary);background:var(--color-primary-10)}.upload-area-icon{color:var(--color-text-muted);margin-bottom:var(--space-3)}.upload-area-label{font-weight:700;color:var(--color-text)}.upload-area-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-text);background:none;cursor:pointer}.accordion-chevron{transition:transform var(--dur-base) var(--ease-standard);color:var(--color-text-muted)}.accordion-trigger[aria-expanded=true] .accordion-chevron{transform:rotate(180deg)}.accordion-body{padding-bottom:var(--space-4);font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.6;display:none}.accordion-body.open{display:block}.profile-avatar{width:84px;height:84px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-size:var(--font-size-2xl);flex-shrink:0}.cover-amount,.profile-avatar{font-family:var(--font-display);font-weight:var(--font-weight-bold)}.cover-amount{font-size:var(--font-size-3xl);letter-spacing:-.03em;color:var(--color-text)}.cover-amount-label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.btn-stack{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:768px),(orientation:landscape) and (min-width:640px){.app-shell{padding-bottom:0;padding-left:72px}.bottom-nav{position:fixed;top:0;left:0;right:auto;bottom:0;width:72px;height:100dvh;justify-content:flex-start;padding:var(--space-6) var(--space-2);gap:var(--space-1);box-shadow:var(--shadow-sm);border-right:1px solid var(--color-border)}.bottom-nav,.nav-tab{flex-direction:column}.nav-tab{width:100%;padding:var(--space-3) 0;min-height:auto;border-radius:var(--radius-md);align-items:center;transition:background var(--dur-base) var(--ease-standard),color var(--dur-base) var(--ease-standard)}.nav-tab span{font-size:10px;margin-top:2px}.nav-tab:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.nav-tab[aria-current=page]{background:var(--color-primary-10);color:var(--color-primary)}.app-content{padding:var(--space-5)}.page-header{padding:var(--space-6) var(--space-5) var(--space-5)}}@media (min-width:1024px){.app-shell{padding-left:240px}.bottom-nav{width:240px;align-items:stretch;padding:var(--space-6) var(--space-3);gap:var(--space-1)}.nav-tab{flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.nav-tab,.nav-tab span{font-size:var(--font-size-md)}.nav-tab span{margin-top:0}.nav-tab:hover{background:var(--color-bg-secondary)}.nav-tab[aria-current=page]{background:var(--color-primary-10);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}.app-content,.page-header{max-width:720px}}.auth-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:420px;margin:0 auto;padding:var(--space-6) var(--space-5);padding-top:calc(var(--space-4) + env(safe-area-inset-top));padding-bottom:calc(36px + var(--space-4) + env(safe-area-inset-bottom))}.auth-header{justify-content:space-between;margin-bottom:var(--space-8)}.auth-back,.auth-header{display:flex;align-items:center}.auth-back{width:40px;height:40px;justify-content:center;color:var(--color-text);border-radius:var(--radius-md)}.auth-back:hover{background:var(--color-bg-secondary);text-decoration:none}.auth-brand{display:flex;align-items:center;gap:var(--space-2)}.auth-brand .un-icon{width:32px;height:32px;background:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.auth-trust-bar{position:fixed;bottom:0;left:0;right:0;height:calc(36px + env(safe-area-inset-bottom));padding:0 var(--space-5);padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg);font-size:var(--font-size-xs);color:var(--color-text-muted);z-index:20;transform:translateY(0);transition:transform .28s ease}.auth-trust-bar--hidden{transform:translateY(100%)}.auth-trust-bar__ssl{display:flex;align-items:center;gap:5px;color:#1a9e5c}.auth-title{font-family:var(--font-display);font-feature-settings:var(--font-features-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1.1;color:var(--color-text);margin-bottom:var(--space-3)}.auth-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--space-0);flex:1}.auth-actions,.auth-meta{margin-top:var(--space-6)}.auth-meta{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-meta a{font-weight:600}body[data-page=auth-login] .auth-title{animation:fadeUp var(--dur-enter) var(--ease-out) both}body[data-page=auth-register] .auth-subtitle{max-width:34ch}body[data-page=auth-register] .terms-check{margin-top:var(--space-2)}body[data-page=auth-register] .terms-check a{font-weight:600}body[data-page=auth-otp-verify] .auth-subtitle,body[data-page=auth-reset-otp] .auth-subtitle{margin-bottom:var(--space-4)}body[data-page=auth-otp-verify] .masked-destination,body[data-page=auth-reset-otp] .masked-destination{font-family:var(--font-mono);font-weight:600;color:var(--color-text)}body[data-page=auth-otp-verify] .otp-resend,body[data-page=auth-reset-otp] .otp-resend{display:block;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=auth-otp-verify] .otp-resend[aria-disabled=true],body[data-page=auth-reset-otp] .otp-resend[aria-disabled=true]{pointer-events:none}body[data-page=auth-otp-verify] .otp-resend:not([aria-disabled=true]),body[data-page=auth-reset-otp] .otp-resend:not([aria-disabled=true]){color:var(--color-primary);font-weight:600}body[data-page=auth-register-success] .auth-shell{justify-content:center;align-items:center;text-align:center}body[data-page=auth-register-success] .success-icon{width:96px;height:96px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-bg);margin:0 auto var(--space-6);animation:popIn var(--dur-moderate) var(--ease-spring) both;box-shadow:var(--shadow-cta)}body[data-page=auth-register-success] .auth-title{font-size:var(--font-size-3xl);animation:fadeUp var(--dur-enter) var(--ease-out) .1s both}body[data-page=auth-register-success] .auth-subtitle{animation:fadeUp var(--dur-enter) var(--ease-out) .2s both}body[data-page=auth-register-success] .btn-primary{animation:fadeUp var(--dur-enter) var(--ease-out) .3s both}.auth-success--expired{opacity:.6}@media (min-width:1024px){body[data-page=auth-register-success] .auth-success{padding-top:var(--space-4)}body[data-page=auth-register-success] .auth-success .success-icon{margin-bottom:var(--space-4)}}body[data-page=auth-forgot-password] .auth-title{font-size:var(--font-size-xl)}body[data-page=auth-update-password] .auth-subtitle{margin-bottom:var(--space-6)}.bio-setup-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);background:var(--color-primary-10);border:2px solid var(--color-primary-20);border-radius:var(--radius-xl);margin-bottom:var(--space-5);transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.bio-setup-card--active{border-color:var(--color-primary);background:rgba(250,69,61,.08);animation:bio-pulse 1.4s ease-in-out infinite}.bio-setup-card--success{border-color:var(--color-success);background:rgba(16,185,129,.08)}@keyframes bio-pulse{0%,to{box-shadow:0 0 0 0 rgba(250,69,61,.25)}50%{box-shadow:0 0 0 10px rgba(250,69,61,0)}}.bio-setup-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.bio-setup-icon svg{width:52px;height:52px}.bio-setup-card--success .bio-setup-icon{color:var(--color-success)}.bio-setup-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-align:center}.bio-setup-assurance{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.bio-setup-assurance svg{flex-shrink:0;color:var(--color-success)}.bio-setup-status{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:500}.bio-skip{display:block;text-align:center;margin-top:var(--space-3)}.lock-state{flex-direction:column;gap:var(--space-3);padding:var(--space-6) var(--space-4);margin-bottom:var(--space-5);text-align:center}.lock-icon,.lock-state{display:flex;align-items:center}.lock-icon{width:72px;height:72px;background:rgba(214,60,54,.08);border-radius:var(--radius-full);justify-content:center;color:var(--color-error)}.lock-icon svg{width:36px;height:36px}.lock-timer-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.06em}.lock-timer{font-size:var(--font-size-4xl,48px);font-family:var(--font-display);font-weight:700;color:var(--color-text);line-height:1;letter-spacing:-.02em;transition:color var(--dur-base) var(--ease-standard)}.lock-timer[data-urgent=true]{color:var(--color-error)}.lock-timer-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:32ch}body[data-page=auth-account-locked] #try-again-btn[aria-disabled=true]{opacity:.45;pointer-events:none}body[data-page=dashboard-home]{background:var(--color-bg-secondary);padding-bottom:calc(64px + env(safe-area-inset-bottom))}body[data-page=dashboard-home] .dash-shell{max-width:560px;margin:0 auto;padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-5) + env(safe-area-inset-top))}body[data-page=dashboard-home] .dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}body[data-page=dashboard-home] .dash-greeting{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text)}body[data-page=dashboard-home] .dash-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}body[data-page=dashboard-home] .avatar{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}body[data-page=dashboard-home] .rewards-widget{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-cta);margin-bottom:var(--space-6);position:relative;overflow:hidden}body[data-page=dashboard-home] .rewards-label{font-size:var(--font-size-sm);font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.08em}body[data-page=dashboard-home] .rewards-balance{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1;margin:var(--space-3) 0 var(--space-5)}body[data-page=dashboard-home] .rewards-balance small{font-size:var(--font-size-md);font-weight:700;opacity:.85;margin-left:var(--space-2)}body[data-page=dashboard-home] .rewards-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg);color:var(--color-primary);border-radius:var(--radius-full);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase}body[data-page=dashboard-home] .rewards-cta:hover{text-decoration:none;background:var(--color-bg-secondary)}body[data-page=dashboard-home] .section-title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=dashboard-home] .quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}body[data-page=dashboard-home] .quick-action{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}body[data-page=dashboard-home] .quick-action:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}body[data-page=dashboard-home] .quick-action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md)}body[data-page=dashboard-home] .quick-action-label{font-size:var(--font-size-md);font-weight:700}body[data-page=dashboard-home] .quick-action-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=dashboard-home] .activity-list{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}body[data-page=dashboard-home] .transaction-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=dashboard-home] .transaction-row:last-child{border-bottom:none}body[data-page=dashboard-home] .transaction-icon{width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}body[data-page=dashboard-home] .transaction-body{flex:1;min-width:0}body[data-page=dashboard-home] .transaction-desc{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=dashboard-home] .transaction-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=dashboard-home] .transaction-amount{font-size:var(--font-size-md);font-weight:700}body[data-page=dashboard-home] .transaction-amount[data-type=credit]{color:var(--color-text)}body[data-page=dashboard-home] .transaction-amount[data-type=debit],body[data-page=dashboard-home] .transaction-amount[data-type=points]{color:var(--color-primary)}body[data-page=dashboard-home] .bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-bg);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));box-shadow:var(--shadow-nav);z-index:10}body[data-page=dashboard-home] .nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);min-height:48px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600}body[data-page=dashboard-home] .nav-tab:hover{text-decoration:none;color:var(--color-primary)}body[data-page=dashboard-home] .nav-tab[aria-current=page]{color:var(--color-primary)}@media (min-width:768px),(orientation:landscape) and (min-width:640px){body[data-page=dashboard-home]{padding-bottom:0;padding-left:72px}body[data-page=dashboard-home] .bottom-nav{position:fixed;top:0;left:0;right:auto;bottom:0;width:72px;height:100dvh;flex-direction:column;justify-content:flex-start;padding:var(--space-6) var(--space-2);gap:var(--space-1);box-shadow:var(--shadow-sm);border-right:1px solid var(--color-border)}body[data-page=dashboard-home] .nav-tab{width:100%;padding:var(--space-3) 0;border-radius:var(--radius-md)}body[data-page=dashboard-home] .nav-tab:hover{background:var(--color-bg-secondary)}body[data-page=dashboard-home] .nav-tab[aria-current=page]{background:var(--color-primary-10)}body[data-page=dashboard-home] .dash-shell{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (min-width:1024px){body[data-page=dashboard-home]{padding-left:240px}body[data-page=dashboard-home] .bottom-nav{width:240px;align-items:stretch;padding:var(--space-6) var(--space-3);gap:var(--space-1)}body[data-page=dashboard-home] .nav-tab{flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);border-radius:var(--radius-md)}body[data-page=dashboard-home] .nav-tab[aria-current=page]{background:var(--color-primary-10);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}body[data-page=dashboard-home] .quick-actions-grid{grid-template-columns:repeat(4,1fr)}}body[data-page=dashboard-home-v2]{background:var(--color-bg-secondary);padding-bottom:calc(64px + env(safe-area-inset-bottom))}body[data-page=dashboard-home-v2] .dash-shell{min-height:100dvh;display:flex;flex-direction:column}body[data-page=dashboard-home-v2] .dash-header-v2{background:var(--color-primary);color:var(--color-bg);padding:var(--space-5) var(--space-4) var(--space-6);padding-top:calc(var(--space-5) + env(safe-area-inset-top));position:relative;overflow:hidden}body[data-page=dashboard-home-v2] .dash-header-v2:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.08);pointer-events:none}body[data-page=dashboard-home-v2] .dash-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}body[data-page=dashboard-home-v2] .dash-hero-text{flex:1}body[data-page=dashboard-home-v2] .dash-greeting-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-bg);opacity:.85;margin-bottom:2px}body[data-page=dashboard-home-v2] .dash-greeting-name{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-bg);letter-spacing:-.02em;line-height:1.1}body[data-page=dashboard-home-v2] .dash-hero-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;margin-top:4px}body[data-page=dashboard-home-v2] .dash-sub{font-size:var(--font-size-sm);color:var(--color-bg);opacity:.85}body[data-page=dashboard-home-v2] .dash-cover-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:hsla(0,0%,100%,.16);border-radius:var(--radius-full);padding:6px var(--space-3);font-size:var(--font-size-sm);font-weight:700;color:var(--color-bg);letter-spacing:.02em;white-space:nowrap}body[data-page=dashboard-home-v2] .dash-cover-pill-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-bg);opacity:.9;flex-shrink:0}body[data-page=dashboard-home-v2] .avatar{width:40px;height:40px;background:hsla(0,0%,100%,.22);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);text-decoration:none;flex-shrink:0}body[data-page=dashboard-home-v2] .activity-list,body[data-page=dashboard-home-v2] .fsp-footer,body[data-page=dashboard-home-v2] .my-product-section,body[data-page=dashboard-home-v2] .section-title{padding-left:var(--space-4);padding-right:var(--space-4)}body[data-page=dashboard-home-v2] .section-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);margin-top:var(--space-5)}body[data-page=dashboard-home-v2] .my-product-section{margin-bottom:var(--space-2)}body[data-page=dashboard-home-v2] .product-card-v2{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}body[data-page=dashboard-home-v2] .product-card-v2-top{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}body[data-page=dashboard-home-v2] .product-card-v2-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0}body[data-page=dashboard-home-v2] .product-card-v2-headline{flex:1;min-width:0}body[data-page=dashboard-home-v2] .product-card-v2-name{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=dashboard-home-v2] .product-card-v2-type{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=dashboard-home-v2] .product-card-v2-inner{margin:0 var(--space-5) var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4)}body[data-page=dashboard-home-v2] .product-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4) var(--space-3)}body[data-page=dashboard-home-v2] .product-detail-cell{display:flex;flex-direction:column;gap:var(--space-1)}body[data-page=dashboard-home-v2] .product-detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}body[data-page=dashboard-home-v2] .product-detail-value{font-family:var(--font-display);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em}body[data-page=dashboard-home-v2] .product-card-v2-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;text-decoration:none;transition:background var(--dur-base) var(--ease-standard)}body[data-page=dashboard-home-v2] .product-card-v2-link:hover{background:var(--color-bg-secondary)}body[data-page=dashboard-home-v2] .activity-list{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);overflow:hidden}body[data-page=dashboard-home-v2] .transaction-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=dashboard-home-v2] .transaction-row:last-child{border-bottom:none}body[data-page=dashboard-home-v2] .transaction-icon{width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}body[data-page=dashboard-home-v2] .transaction-body{flex:1;min-width:0}body[data-page=dashboard-home-v2] .transaction-desc{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=dashboard-home-v2] .transaction-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=dashboard-home-v2] .transaction-amount{font-size:var(--font-size-md);font-weight:700}body[data-page=dashboard-home-v2] .transaction-amount[data-type=credit]{color:var(--color-text)}body[data-page=dashboard-home-v2] .transaction-amount[data-type=debit],body[data-page=dashboard-home-v2] .transaction-amount[data-type=points]{color:var(--color-primary)}body[data-page=dashboard-home-v2] .bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--color-bg);padding:var(--space-2) 0;padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom));box-shadow:var(--shadow-nav);z-index:10}body[data-page=dashboard-home-v2] .nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);min-height:48px;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600}body[data-page=dashboard-home-v2] .nav-tab:hover{text-decoration:none;color:var(--color-primary)}body[data-page=dashboard-home-v2] .nav-tab[aria-current=page]{color:var(--color-primary)}@media (min-width:768px),(orientation:landscape) and (min-width:640px){body[data-page=dashboard-home-v2]{padding-bottom:0;padding-left:72px}body[data-page=dashboard-home-v2] .bottom-nav{position:fixed;top:0;left:0;right:auto;bottom:0;width:72px;height:100dvh;flex-direction:column;justify-content:flex-start;padding:var(--space-6) var(--space-2);gap:var(--space-1);box-shadow:var(--shadow-sm);border-right:1px solid var(--color-border)}body[data-page=dashboard-home-v2] .nav-tab{width:100%;padding:var(--space-3) 0;border-radius:var(--radius-md)}body[data-page=dashboard-home-v2] .nav-tab:hover{background:var(--color-bg-secondary)}body[data-page=dashboard-home-v2] .nav-tab[aria-current=page]{background:var(--color-primary-10)}body[data-page=dashboard-home-v2] .dash-shell{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (min-width:1024px){body[data-page=dashboard-home-v2]{padding-left:240px}body[data-page=dashboard-home-v2] .bottom-nav{width:240px;align-items:stretch;padding:var(--space-6) var(--space-3);gap:var(--space-1)}body[data-page=dashboard-home-v2] .nav-tab{flex-direction:row;justify-content:flex-start;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);border-radius:var(--radius-md)}body[data-page=dashboard-home-v2] .nav-tab[aria-current=page]{background:var(--color-primary-10);color:var(--color-primary);box-shadow:inset 3px 0 0 var(--color-primary)}}body[data-page=products-catalog] .product-card{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-4);transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}body[data-page=products-catalog] .product-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary)}body[data-page=products-catalog] .product-card-inner{padding:var(--space-5)}body[data-page=products-catalog] .product-card--active{border-color:var(--color-primary);position:relative;padding-left:4px}body[data-page=products-catalog] .active-card-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg)}body[data-page=products-catalog] .active-card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}body[data-page=products-catalog] .active-card-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md)}body[data-page=products-catalog] .active-card-title-group{flex:1;min-width:0}body[data-page=products-catalog] .active-card-price-group{flex-shrink:0;text-align:right}body[data-page=products-catalog] .product-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3)}body[data-page=products-catalog] .product-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}body[data-page=products-catalog] .product-name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=products-catalog] .product-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4)}body[data-page=products-catalog] .product-price{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary)}body[data-page=products-catalog] .product-price span{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted)}body[data-page=products-catalog] .product-features{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}body[data-page=products-catalog] .product-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=products-catalog] .product-feature:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0}body[data-page=products-catalog] .product-actions{display:flex;gap:var(--space-3)}body[data-page=products-catalog] .product-actions .btn-primary{height:40px;font-size:var(--font-size-sm)}body[data-page=products-catalog] .product-actions .btn-secondary{height:40px;font-size:var(--font-size-sm);flex:0;min-width:100px}body[data-page=products-catalog] .active-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}body[data-page=products-catalog] .active-card-policy{display:flex;flex-direction:column;gap:2px}body[data-page=products-catalog] .product-policy-label{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}body[data-page=products-catalog] .product-policy-number{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);letter-spacing:.02em}body[data-page=products-catalog] .active-card-cta{height:40px;font-size:var(--font-size-sm);padding:0 var(--space-4);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}body[data-page=products-detail] .detail-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-bg);padding:var(--space-6) var(--space-5)}body[data-page=products-detail] .detail-hero-icon{width:64px;height:64px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}body[data-page=products-detail] .detail-hero-name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}body[data-page=products-detail] .detail-hero-price{font-size:var(--font-size-lg);font-weight:700;opacity:.9;margin-top:var(--space-2)}body[data-page=products-detail] .detail-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}body[data-page=products-detail] .detail-meta-cell{background:var(--color-bg);padding:var(--space-4)}body[data-page=products-detail] .detail-meta-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}body[data-page=products-detail] .detail-meta-value{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}body[data-page=products-detail] .detail-sticky-bar{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-4);box-shadow:0 -4px 16px rgba(0,0,0,.06)}body[data-page=products-detail-v2]{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg-secondary)}body[data-page=products-detail-v2] .detail-hero-v2{background:linear-gradient(150deg,var(--color-primary-dark) 0,var(--color-primary) 100%);color:var(--color-bg);padding:var(--space-6) var(--space-5) var(--space-8)}body[data-page=products-detail-v2] .detail-hero-v2-badge{display:inline-block;font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-4)}body[data-page=products-detail-v2] .detail-hero-v2-headline{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.02em;margin:0 0 var(--space-4)}body[data-page=products-detail-v2] .detail-hero-v2-subline{font-family:var(--font-ui);font-size:var(--font-size-md);line-height:1.55;opacity:.92;margin:0 0 var(--space-6)}body[data-page=products-detail-v2] .detail-hero-v2-trust-row{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}body[data-page=products-detail-v2] .detail-hero-v2-trust-item{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;opacity:.9}body[data-page=products-detail-v2] .pdb-sticky{padding-bottom:calc(80px + 56px + env(safe-area-inset-bottom))}body[data-page=products-detail-v2] .app-content{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5)}body[data-page=products-detail-v2] .detail-section-label{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-3)}body[data-page=products-detail-v2] .detail-outcomes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}body[data-page=products-detail-v2] .detail-outcome-cell{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}body[data-page=products-detail-v2] .detail-outcome-icon{color:var(--color-primary);line-height:0}body[data-page=products-detail-v2] .detail-outcome-value{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;line-height:1.1}body[data-page=products-detail-v2] .detail-outcome-label{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.3}body[data-page=products-detail-v2] .detail-impact-card{background:var(--color-primary-10);border-radius:var(--radius-lg);padding:var(--space-5)}body[data-page=products-detail-v2] .detail-impact-eyebrow{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}body[data-page=products-detail-v2] .detail-impact-stat{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-3)}body[data-page=products-detail-v2] .detail-impact-context{font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);line-height:1.5;margin:0}body[data-page=products-detail-v2] .detail-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}body[data-page=products-detail-v2] .detail-step{display:flex;gap:var(--space-4);align-items:flex-start}body[data-page=products-detail-v2] .detail-step-num{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-bg);font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}body[data-page=products-detail-v2] .detail-step-headline{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=products-detail-v2] .detail-step-text{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin:0}body[data-page=products-detail-v2] .detail-coverage-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}body[data-page=products-detail-v2] .detail-coverage-item{display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);line-height:1.45}body[data-page=products-detail-v2] .detail-coverage-check{flex-shrink:0;margin-top:2px;color:var(--color-primary)}body[data-page=products-detail-v2] .detail-price-anchor{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center}body[data-page=products-detail-v2] .detail-price-anchor-label{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-2)}body[data-page=products-detail-v2] .detail-price-anchor-amount{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-3)}body[data-page=products-detail-v2] .detail-price-anchor-period{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:400;color:var(--color-text-muted)}body[data-page=products-detail-v2] .detail-price-anchor-context{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.45;margin:0}body[data-page=products-detail-v2] .detail-accordion-wrap{padding:0}body[data-page=products-detail-v2] .detail-value-bar{position:sticky;bottom:calc(56px + env(safe-area-inset-bottom));background:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-3) var(--space-4);box-shadow:0 -4px 20px rgba(0,0,0,.07);z-index:10}body[data-page=products-detail-v2] .detail-value-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}body[data-page=products-detail-v2] .detail-value-bar-protect{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em}body[data-page=products-detail-v2] .detail-value-bar-price{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}body[data-page=products-detail-v2] .detail-value-bar-cta{flex-shrink:0;width:auto;min-width:140px}@media (min-width:480px){body[data-page=products-detail-v2] .detail-hero-v2-headline{font-size:var(--font-size-3xl)}body[data-page=products-detail-v2] .detail-outcomes-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){body[data-page=products-detail-v2] .app-content{max-width:640px;margin-inline:auto;width:100%}body[data-page=products-detail-v2] .detail-hero-v2{padding:var(--space-8) var(--space-8) var(--space-10)}body[data-page=products-detail-v2] .detail-value-bar-inner{max-width:640px;margin-inline:auto}}@media (min-width:1024px){body[data-page=products-detail-v2] .app-content{max-width:720px}}@media (min-width:1280px){body[data-page=products-detail-v2] .detail-outcomes-grid{gap:var(--space-4)}}body[data-page=products-buy] .buy-summary{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);margin-bottom:var(--space-5)}body[data-page=products-buy] .buy-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);font-size:var(--font-size-md)}body[data-page=products-buy] .buy-summary-row:last-child{border-bottom:none}body[data-page=products-buy] .buy-summary-row.total{font-weight:var(--font-weight-bold);color:var(--color-primary);font-family:var(--font-display);font-size:var(--font-size-lg)}body[data-page=products-buy] .payment-method{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard)}body[data-page=products-buy] .payment-method[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=products-buy] .payment-method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-shrink:0}body[data-page=products-buy] .payment-method-label{font-weight:700}body[data-page=products-buy] .payment-method-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=claims-list] .claims-list-wrap{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-4)}body[data-page=claims-new] .step-indicator{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}body[data-page=claims-new] .step-dot{height:4px;flex:1;background:var(--color-border);border-radius:var(--radius-full)}body[data-page=claims-new] .step-dot[data-active=true],body[data-page=claims-new] .step-dot[data-done=true]{background:var(--color-primary)}body[data-page=claims-new] .uploaded-file{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-10);border-radius:var(--radius-md);margin-top:var(--space-3)}body[data-page=claims-new] .uploaded-file-name{font-size:var(--font-size-sm);font-weight:600;flex:1}body[data-page=claims-new] .uploaded-file-remove{color:var(--color-primary);background:none;border:none;cursor:pointer}body[data-page=claims-new] .step-track{display:flex;align-items:center;gap:0;margin-bottom:var(--space-8)}body[data-page=claims-new] .step-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;position:relative}body[data-page=claims-new] .step-node:after{content:"";position:absolute;top:14px;left:50%;right:-50%;height:2px;background:var(--color-border);z-index:0}body[data-page=claims-new] .step-node:last-child:after{display:none}body[data-page=claims-new] .step-node[data-state=done]:after{background:var(--color-primary)}body[data-page=claims-new] .step-bubble{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);position:relative;z-index:1;transition:all var(--dur-base) var(--ease-standard)}body[data-page=claims-new] .step-node[data-state=active] .step-bubble{box-shadow:0 0 0 4px var(--color-primary-10)}body[data-page=claims-new] .step-node[data-state=active] .step-bubble,body[data-page=claims-new] .step-node[data-state=done] .step-bubble{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}body[data-page=claims-new] .step-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:center}body[data-page=claims-new] .step-node[data-state=active] .step-label{color:var(--color-primary)}body[data-page=claims-new] .product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}body[data-page=claims-new] .product-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-base) var(--ease-standard);text-align:left;position:relative}body[data-page=claims-new] .product-card:hover{border-color:var(--color-primary-light);background:var(--color-bg-secondary)}body[data-page=claims-new] .product-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new] .product-card[aria-pressed=true] .product-card-check{opacity:1}body[data-page=claims-new] .product-card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:18px;height:18px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base) var(--ease-standard)}body[data-page=claims-new] .product-card-icon{width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all var(--dur-base) var(--ease-standard)}body[data-page=claims-new] .product-card[aria-pressed=true] .product-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new] .product-card-name{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);line-height:1.3}body[data-page=claims-new] .product-card-cover{font-size:var(--font-size-xs);color:var(--color-text-muted)}body[data-page=claims-new] .claim-preview{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5);box-shadow:var(--shadow-sm)}body[data-page=claims-new] .claim-preview-header{background:var(--color-primary);color:var(--color-bg);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:flex-start}body[data-page=claims-new] .claim-preview-ref{font-size:var(--font-size-xs);opacity:.75;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}body[data-page=claims-new] .claim-preview-type{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);letter-spacing:-.02em}body[data-page=claims-new] .claim-preview-status{background:hsla(0,0%,100%,.2);color:var(--color-bg);font-size:var(--font-size-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}body[data-page=claims-new] .claim-preview-body{padding:var(--space-4) var(--space-5)}body[data-page=claims-new] .claim-preview-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-bg-secondary);font-size:var(--font-size-sm)}body[data-page=claims-new] .claim-preview-row:last-child{border-bottom:none}body[data-page=claims-new] .claim-preview-row-label{color:var(--color-text-muted)}body[data-page=claims-new] .claim-preview-row-value{font-weight:600;color:var(--color-text);text-align:right}body[data-page=claims-new] .claim-preview-row-value.pending{color:var(--color-text-muted);font-style:italic;font-weight:400}body[data-page=claims-new] .claim-status-track{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-bg-secondary)}body[data-page=claims-new] .claim-status-track-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=claims-new] .claim-status-steps{display:flex;align-items:center;gap:0}body[data-page=claims-new] .claim-status-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}body[data-page=claims-new] .claim-status-step:after{content:"";position:absolute;top:10px;left:50%;right:-50%;height:2px;background:var(--color-border)}body[data-page=claims-new] .claim-status-step:last-child:after{display:none}body[data-page=claims-new] .claim-status-step[data-done=true]:after{background:var(--color-primary)}body[data-page=claims-new] .claim-status-dot{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg);position:relative;z-index:1}body[data-page=claims-new] .claim-status-step[data-done=true] .claim-status-dot{background:var(--color-primary);border-color:var(--color-primary)}body[data-page=claims-new] .claim-status-step[data-active=true] .claim-status-dot{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-10)}body[data-page=claims-new] .claim-status-name{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center;margin-top:var(--space-1)}body[data-page=claims-new] .claim-status-step[data-active=true] .claim-status-name{color:var(--color-primary)}body[data-page=claims-new] .email-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--dur-base) var(--ease-standard);margin-bottom:var(--space-3);width:100%;text-align:left}body[data-page=claims-new] .email-option[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new] .email-option-avatar{width:36px;height:36px;background:var(--color-primary-20);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}body[data-page=claims-new] .email-option-body{flex:1}body[data-page=claims-new] .email-option-addr{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}body[data-page=claims-new] .email-option-tag{font-size:var(--font-size-xs);color:var(--color-text-muted)}body[data-page=claims-new] .email-option-check{width:20px;height:20px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:0;flex-shrink:0;transition:opacity var(--dur-base) var(--ease-standard)}body[data-page=claims-new] .email-option[aria-pressed=true] .email-option-check{opacity:1}body[data-page=claims-new] .add-email-btn{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);background:none;border:none;cursor:pointer;padding:var(--space-2) 0}body[data-page=claims-new] .form-section{margin-bottom:var(--space-6)}body[data-page=claims-new] .form-section-label{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=claims-new] .form-section-title{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=claims-new] .form-section-sub{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.5}body[data-page=claims-new] .privacy-note{display:flex;gap:var(--space-2);align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-5);line-height:1.5}body[data-page=claims-new] .privacy-note svg{flex-shrink:0;margin-top:1px;color:var(--color-text-muted)}body[data-page=claims-new-v3] .step-track{display:flex;align-items:flex-start;gap:0;margin-bottom:var(--space-5)}body[data-page=claims-new-v3] .step-node{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}body[data-page=claims-new-v3] .step-node:after{content:"";position:absolute;top:16px;left:50%;width:100%;height:2px;background:var(--color-border)}body[data-page=claims-new-v3] .step-node:last-child:after{display:none}body[data-page=claims-new-v3] .step-node[data-state=done]:after{background:var(--color-primary)}body[data-page=claims-new-v3] .step-bubble{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);position:relative;z-index:1;transition:background var(--dur-base),border-color var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v3] .step-node[data-state=active] .step-bubble{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}body[data-page=claims-new-v3] .step-node[data-state=done] .step-bubble{background:var(--color-primary);border-color:var(--color-primary);color:#fff}body[data-page=claims-new-v3] .step-label{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600}body[data-page=claims-new-v3] .step-node[data-state=active] .step-label{color:var(--color-primary)}body[data-page=claims-new-v3] .claim-preview{background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-primary) 100%);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-bg);margin-bottom:var(--space-5)}body[data-page=claims-new-v3] .claim-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}body[data-page=claims-new-v3] .claim-preview-ref{font-size:var(--font-size-xs);opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}body[data-page=claims-new-v3] .claim-preview-type{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}body[data-page=claims-new-v3] .claim-preview-status{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:hsla(0,0%,100%,.2);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3)}body[data-page=claims-new-v3] .claim-preview-body{border-top:1px solid hsla(0,0%,100%,.2);padding-top:var(--space-3);margin-bottom:var(--space-4)}body[data-page=claims-new-v3] .claim-preview-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:var(--space-2) 0}body[data-page=claims-new-v3] .claim-preview-row-label{opacity:.7}body[data-page=claims-new-v3] .claim-preview-row-value{font-weight:700;text-align:right}body[data-page=claims-new-v3] .claim-preview-row-value.pending{opacity:.5;font-weight:400;font-style:italic}body[data-page=claims-new-v3] .claim-status-track{border-top:1px solid hsla(0,0%,100%,.2);padding-top:var(--space-3)}body[data-page=claims-new-v3] .claim-status-track-label{font-size:var(--font-size-xs);font-weight:700;opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}body[data-page=claims-new-v3] .claim-status-steps{display:flex;gap:0}body[data-page=claims-new-v3] .claim-status-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}body[data-page=claims-new-v3] .claim-status-step:after{content:"";position:absolute;top:6px;left:50%;width:100%;height:2px;background:hsla(0,0%,100%,.3)}body[data-page=claims-new-v3] .claim-status-step:last-child:after{display:none}body[data-page=claims-new-v3] .claim-status-dot{width:14px;height:14px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.3);position:relative;z-index:1;margin-bottom:var(--space-2);transition:background var(--dur-base)}body[data-page=claims-new-v3] .claim-status-step[data-active=true] .claim-status-dot{background:#fff}body[data-page=claims-new-v3] .claim-status-name{font-size:var(--font-size-xs);opacity:.8;text-align:center;line-height:1.2}body[data-page=claims-new-v3] .claim-status-step[data-active=true] .claim-status-name{opacity:1;font-weight:700}body[data-page=claims-new-v3] .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}body[data-page=claims-new-v3] .product-card{position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}body[data-page=claims-new-v3] .product-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v3] .product-card-check{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v3] .product-card[aria-pressed=true] .product-card-check{opacity:1}body[data-page=claims-new-v3] .product-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v3] .product-card[aria-pressed=true] .product-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v3] .product-card-name{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}body[data-page=claims-new-v3] .product-card-cover{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}body[data-page=claims-new-v3] .form-section{margin-bottom:var(--space-5)}body[data-page=claims-new-v3] .form-section-label{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}body[data-page=claims-new-v3] .form-section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-2)}body[data-page=claims-new-v3] .form-section-sub{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4)}body[data-page=claims-new-v3] .delivery-section[aria-hidden=true]{display:none}body[data-page=claims-new-v3] .delivery-choices{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}body[data-page=claims-new-v3] .delivery-card{display:flex;align-items:center;gap:var(--space-4);position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:left;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);width:100%}body[data-page=claims-new-v3] .delivery-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v3] .delivery-card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v3] .delivery-card[aria-pressed=true] .delivery-card-check{opacity:1}body[data-page=claims-new-v3] .delivery-card-icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v3] .delivery-card[aria-pressed=true] .delivery-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v3] .delivery-card-title{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=claims-new-v3] .delivery-card-desc{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);word-break:break-all}body[data-page=claims-new-v3] .delivery-action[aria-hidden=true]{display:none}body[data-page=claims-new-v3] .delivery-action{display:flex;flex-direction:column;gap:var(--space-4)}body[data-page=claims-new-v3] .privacy-note{display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}body[data-page=claims-new-v3] .privacy-note svg{flex-shrink:0;margin-top:1px}@media (min-width:480px){body[data-page=claims-new-v3] .product-grid{grid-template-columns:repeat(3,1fr)}body[data-page=claims-new-v3] .delivery-choices{flex-direction:row}body[data-page=claims-new-v3] .delivery-card{flex-direction:column;align-items:flex-start}}@media (min-width:768px){body[data-page=claims-new-v3] .app-content{max-width:600px;margin-inline:auto}}@media (min-width:1024px){body[data-page=claims-new-v3] .app-content{max-width:680px}}@media (min-width:1280px){body[data-page=claims-new-v3] .product-grid{grid-template-columns:repeat(3,1fr)}}body[data-page=claims-new-v4] .step-track{display:flex;align-items:flex-start;gap:0;margin-bottom:var(--space-6)}body[data-page=claims-new-v4] .step-node{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}body[data-page=claims-new-v4] .step-node:after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--color-border);transition:background var(--dur-moderate)}body[data-page=claims-new-v4] .step-node:last-child:after{display:none}body[data-page=claims-new-v4] .step-node[data-state=done]:after{background:var(--color-primary)}body[data-page=claims-new-v4] .step-bubble{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:background var(--dur-base),border-color var(--dur-base)}body[data-page=claims-new-v4] .step-num{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);transition:opacity var(--dur-base)}body[data-page=claims-new-v4] .step-check{position:absolute;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v4] .step-node[data-state=active] .step-bubble{background:var(--color-primary-10);border-color:var(--color-primary)}body[data-page=claims-new-v4] .step-node[data-state=active] .step-num{color:var(--color-primary)}body[data-page=claims-new-v4] .step-node[data-state=done] .step-bubble{background:var(--color-primary);border-color:var(--color-primary)}body[data-page=claims-new-v4] .step-node[data-state=done] .step-num{opacity:0}body[data-page=claims-new-v4] .step-node[data-state=done] .step-check{opacity:1}body[data-page=claims-new-v4] .step-label{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-align:center}body[data-page=claims-new-v4] .step-node[data-state=active] .step-label,body[data-page=claims-new-v4] .step-node[data-state=done] .step-label{color:var(--color-primary)}body[data-page=claims-new-v4] .form-section{margin-bottom:var(--space-5)}body[data-page=claims-new-v4] .form-section-label{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}body[data-page=claims-new-v4] .form-section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-2)}body[data-page=claims-new-v4] .form-section-sub{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4)}body[data-page=claims-new-v4] .reveal-section[aria-hidden=true]{display:none}body[data-page=claims-new-v4] .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}body[data-page=claims-new-v4] .product-card{position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}body[data-page=claims-new-v4] .product-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v4] .product-card-check{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v4] .product-card[aria-pressed=true] .product-card-check{opacity:1}body[data-page=claims-new-v4] .product-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v4] .product-card[aria-pressed=true] .product-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v4] .product-card-name{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}body[data-page=claims-new-v4] .product-card-cover{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}body[data-page=claims-new-v4] .delivery-choices{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}body[data-page=claims-new-v4] .delivery-card{display:flex;align-items:center;gap:var(--space-4);position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:left;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);width:100%}body[data-page=claims-new-v4] .delivery-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v4] .delivery-card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v4] .delivery-card[aria-pressed=true] .delivery-card-check{opacity:1}body[data-page=claims-new-v4] .delivery-card-icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v4] .delivery-card[aria-pressed=true] .delivery-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v4] .delivery-card-title{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=claims-new-v4] .delivery-card-desc{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);word-break:break-all}body[data-page=claims-new-v4] .confirm-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}body[data-page=claims-new-v4] .confirm-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-4)}body[data-page=claims-new-v4] .confirm-row:last-child{border-bottom:none}body[data-page=claims-new-v4] .confirm-row-label{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}body[data-page=claims-new-v4] .confirm-row-value{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-align:right;word-break:break-all}body[data-page=claims-new-v4] .confirm-row-ref{font-family:var(--font-ui);color:var(--color-primary);letter-spacing:.02em}body[data-page=claims-new-v4] .privacy-note{display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}body[data-page=claims-new-v4] .privacy-note svg{flex-shrink:0;margin-top:1px}@media (min-width:480px){body[data-page=claims-new-v4] .product-grid{grid-template-columns:repeat(3,1fr)}body[data-page=claims-new-v4] .delivery-choices{flex-direction:row}body[data-page=claims-new-v4] .delivery-card{flex-direction:column;align-items:flex-start}}@media (min-width:768px){body[data-page=claims-new-v4] .app-content{max-width:600px;margin-inline:auto}}@media (min-width:1024px){body[data-page=claims-new-v4] .app-content{max-width:680px}}@media (min-width:1280px){body[data-page=claims-new-v4] .product-grid{grid-template-columns:repeat(3,1fr)}}body[data-page=claims-new-v5] .step-track{display:flex;align-items:flex-start;gap:0;margin-bottom:var(--space-6)}body[data-page=claims-new-v5] .step-node{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}body[data-page=claims-new-v5] .step-node:after{content:"";position:absolute;top:15px;left:50%;width:100%;height:2px;background:var(--color-border);transition:background var(--dur-moderate)}body[data-page=claims-new-v5] .step-node:last-child:after{display:none}body[data-page=claims-new-v5] .step-node[data-state=done]:after{background:var(--color-primary)}body[data-page=claims-new-v5] .step-bubble{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-bg-secondary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:background var(--dur-base),border-color var(--dur-base)}body[data-page=claims-new-v5] .step-num{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);transition:opacity var(--dur-base)}body[data-page=claims-new-v5] .step-check{position:absolute;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v5] .step-node[data-state=active] .step-bubble{background:var(--color-primary-10);border-color:var(--color-primary)}body[data-page=claims-new-v5] .step-node[data-state=active] .step-num{color:var(--color-primary)}body[data-page=claims-new-v5] .step-node[data-state=done] .step-bubble{background:var(--color-primary);border-color:var(--color-primary)}body[data-page=claims-new-v5] .step-node[data-state=done] .step-num{opacity:0}body[data-page=claims-new-v5] .step-node[data-state=done] .step-check{opacity:1}body[data-page=claims-new-v5] .step-label{margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:600;text-align:center}body[data-page=claims-new-v5] .step-node[data-state=active] .step-label,body[data-page=claims-new-v5] .step-node[data-state=done] .step-label{color:var(--color-primary)}body[data-page=claims-new-v5] .form-section{margin-bottom:var(--space-5)}body[data-page=claims-new-v5] .form-section-label{font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}body[data-page=claims-new-v5] .form-section-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-2)}body[data-page=claims-new-v5] .form-section-sub{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4)}body[data-page=claims-new-v5] .reveal-section[aria-hidden=true]{display:none}body[data-page=claims-new-v5] .product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}body[data-page=claims-new-v5] .product-card{position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}body[data-page=claims-new-v5] .product-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v5] .product-card-check{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v5] .product-card[aria-pressed=true] .product-card-check{opacity:1}body[data-page=claims-new-v5] .product-card-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v5] .product-card[aria-pressed=true] .product-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v5] .product-card-name{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}body[data-page=claims-new-v5] .product-card-cover{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}body[data-page=claims-new-v5] .delivery-choices{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}body[data-page=claims-new-v5] .delivery-card{display:flex;align-items:center;gap:var(--space-4);position:relative;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:left;cursor:pointer;transition:border-color var(--dur-base),background var(--dur-base);width:100%}body[data-page=claims-new-v5] .delivery-card[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v5] .delivery-card-check{position:absolute;top:var(--space-3);right:var(--space-3);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v5] .delivery-card[aria-pressed=true] .delivery-card-check{opacity:1}body[data-page=claims-new-v5] .delivery-card-icon{flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--dur-base),color var(--dur-base)}body[data-page=claims-new-v5] .delivery-card[aria-pressed=true] .delivery-card-icon{background:var(--color-primary-20);color:var(--color-primary)}body[data-page=claims-new-v5] .delivery-card-title{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=claims-new-v5] .delivery-card-desc{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);word-break:break-all}body[data-page=claims-new-v5] .email-selector[aria-hidden=true]{display:none}body[data-page=claims-new-v5] .email-selector{margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--color-border)}body[data-page=claims-new-v5] .email-selector-label{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-2)}body[data-page=claims-new-v5] .email-selector-sub{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-4)}body[data-page=claims-new-v5] .email-option{display:flex;align-items:center;gap:var(--space-3);width:100%;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);cursor:pointer;text-align:left;transition:border-color var(--dur-base),background var(--dur-base)}body[data-page=claims-new-v5] .email-option[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=claims-new-v5] .email-option-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-10);color:var(--color-primary);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=claims-new-v5] .email-option[aria-pressed=true] .email-option-avatar{background:var(--color-primary-20)}body[data-page=claims-new-v5] .email-option-body{flex:1;min-width:0}body[data-page=claims-new-v5] .email-option-addr{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=claims-new-v5] .email-option-tag{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}body[data-page=claims-new-v5] .email-option-check{width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity var(--dur-base)}body[data-page=claims-new-v5] .email-option[aria-pressed=true] .email-option-check{opacity:1}body[data-page=claims-new-v5] .add-email-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2) 0;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);cursor:pointer}body[data-page=claims-new-v5] .confirm-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}body[data-page=claims-new-v5] .confirm-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);gap:var(--space-4)}body[data-page=claims-new-v5] .confirm-row:last-child{border-bottom:none}body[data-page=claims-new-v5] .confirm-row[aria-hidden=true]{display:none}body[data-page=claims-new-v5] .confirm-row-label{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0}body[data-page=claims-new-v5] .confirm-row-value{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);text-align:right;word-break:break-all}body[data-page=claims-new-v5] .confirm-row-ref{color:var(--color-primary);letter-spacing:.02em}body[data-page=claims-new-v5] .privacy-note{display:flex;align-items:flex-start;gap:var(--space-3);font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}body[data-page=claims-new-v5] .privacy-note svg{flex-shrink:0;margin-top:1px}@media (min-width:480px){body[data-page=claims-new-v5] .product-grid{grid-template-columns:repeat(3,1fr)}body[data-page=claims-new-v5] .delivery-choices{flex-direction:row}body[data-page=claims-new-v5] .delivery-card{flex-direction:column;align-items:flex-start}}@media (min-width:768px){body[data-page=claims-new-v5] .app-content{max-width:600px;margin-inline:auto}}@media (min-width:1024px){body[data-page=claims-new-v5] .app-content{max-width:680px}}@media (min-width:1280px){body[data-page=claims-new-v5] .product-grid{grid-template-columns:repeat(3,1fr)}}body[data-page=claims-detail] .claim-hero{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}body[data-page=claims-detail] .claim-hero-ref{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}body[data-page=claims-detail] .claim-hero-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-3)}body[data-page=claims-detail] .claim-hero-meta{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=rewards-overview] .rewards-tabs{display:flex;background:var(--color-bg-secondary);border-radius:var(--radius-full);padding:var(--space-1);margin-bottom:var(--space-5)}body[data-page=rewards-overview] .rewards-tab{flex:1;text-align:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--dur-base) var(--ease-standard)}body[data-page=rewards-overview] .rewards-tab[aria-selected=true]{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}body[data-page=rewards-overview] .partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}body[data-page=rewards-overview] .partner-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text);text-align:center;text-decoration:none;transition:border-color var(--dur-base) var(--ease-standard)}body[data-page=rewards-overview] .partner-tile:hover{border-color:var(--color-primary);text-decoration:none}body[data-page=rewards-overview] .partner-icon{width:40px;height:40px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}body[data-page=rewards-history] .history-list{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden}body[data-page=rewards-history] .history-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=rewards-history] .history-row:last-child{border-bottom:none}body[data-page=rewards-history] .history-icon{width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}body[data-page=rewards-history] .history-body{flex:1;min-width:0}body[data-page=rewards-history] .history-desc{font-size:var(--font-size-md);font-weight:600}body[data-page=rewards-history] .history-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=rewards-history] .history-pts{font-weight:700;font-size:var(--font-size-md)}body[data-page=rewards-history] .history-pts[data-type=credit]{color:#0f7a3e}body[data-page=rewards-history] .history-pts[data-type=debit]{color:var(--color-primary)}body[data-page=rewards-cashback] .cashback-summary{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-5)}body[data-page=rewards-cashback] .cashback-summary-row{display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-size:var(--font-size-md)}body[data-page=rewards-cashback] .cashback-summary-row:last-child{border-bottom:none}body[data-page=rewards-cashback] .cashback-summary-row strong{font-weight:700;color:var(--color-text)}body[data-page=rewards-redeem] .voucher-preview{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--color-bg);text-align:center;margin-bottom:var(--space-6);box-shadow:var(--shadow-cta)}body[data-page=rewards-redeem] .voucher-brand{font-size:var(--font-size-sm);font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.08em}body[data-page=rewards-redeem] .voucher-amount{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-2)}body[data-page=rewards-redeem] .voucher-code{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:700;letter-spacing:.2em;background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);padding:var(--space-3) var(--space-6);margin-top:var(--space-4)}body[data-page=rewards-redeem] .redeem-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard)}body[data-page=rewards-redeem] .redeem-option[aria-checked=true]{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=rewards-redeem] .redeem-option-icon{width:44px;height:44px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-primary);flex-shrink:0}body[data-page=rewards-redeem] .redeem-option-label{font-weight:700}body[data-page=rewards-redeem] .redeem-option-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=benefits-overview] .benefit-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:var(--space-4);text-decoration:none;color:var(--color-text);transition:box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard)}body[data-page=benefits-overview] .benefit-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary);text-decoration:none}body[data-page=benefits-overview] .benefit-icon{width:52px;height:52px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=benefits-overview] .benefit-body{flex:1;min-width:0}body[data-page=benefits-overview] .benefit-name{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-1)}body[data-page=benefits-overview] .benefit-cover{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=benefits-overview] .benefit-end{flex-shrink:0;text-align:right}body[data-page=benefits-overview] .benefit-expiry{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}body[data-page=benefits-detail] .benefit-hero{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:var(--color-bg);padding:var(--space-6) var(--space-5)}body[data-page=benefits-detail] .benefit-hero-icon{width:56px;height:56px;background:hsla(0,0%,100%,.18);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}body[data-page=benefits-detail] .benefit-hero-name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-2)}body[data-page=benefits-detail] .benefit-coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-5)}body[data-page=benefits-detail] .benefit-coverage-cell{background:var(--color-bg);padding:var(--space-4)}body[data-page=benefits-detail] .benefit-coverage-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}body[data-page=benefits-detail] .benefit-coverage-value{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text)}body[data-page=profile] .profile-hero{padding:var(--space-6) var(--space-4) var(--space-5);background:var(--color-bg)}body[data-page=profile] .profile-hero-info{flex:1;min-width:0}body[data-page=profile] .profile-hero-name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}body[data-page=profile] .profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em}body[data-page=profile] .profile-member-type{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background:var(--color-primary-10);border-radius:var(--radius-full);padding:2px var(--space-2);white-space:nowrap;letter-spacing:.04em;text-transform:uppercase}body[data-page=profile] .profile-plan{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}body[data-page=profile] .profile-account-strip{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}body[data-page=profile] .profile-account-num{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px var(--space-2);white-space:nowrap}body[data-page=profile] .profile-account-sep{color:var(--color-border);font-size:var(--font-size-sm)}body[data-page=profile] .profile-account-email{font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}body[data-page=profile] .profile-member-since{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1);opacity:.8}body[data-page=profile] .profile-greeting{font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-3)}body[data-page=profile] .profile-hero-body{display:flex;align-items:center;gap:var(--space-4)}body[data-page=profile] .profile-product-pills{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}body[data-page=profile] .profile-product-pill{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background:transparent;border:1.5px solid var(--color-primary);border-radius:var(--radius-full);padding:2px var(--space-3);white-space:nowrap}body[data-page=profile] .profile-section{padding:var(--space-5) var(--space-4) var(--space-4)}body[data-page=profile] .profile-section-label{font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}body[data-page=profile] .cover-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-3)}body[data-page=profile] .cover-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);transition:box-shadow var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .cover-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);text-decoration:none}body[data-page=profile] .cover-card-icon{color:var(--color-primary)}body[data-page=profile] .cover-card-name{font-weight:700;color:var(--color-text);line-height:1.2}body[data-page=profile] .cover-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.3}body[data-page=profile] .cover-card-status{font-size:var(--font-size-xs);font-weight:700;color:#0f7a3e;display:flex;align-items:center;gap:4px}body[data-page=profile] .cover-card-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#0f7a3e;flex-shrink:0}body[data-page=profile] .cover-view-all{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-decoration:none;padding:var(--space-2) 0}body[data-page=profile] .cover-view-all:hover{text-decoration:underline}body[data-page=profile] .profile-rows{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:none;border-right:none;border-radius:0;overflow:hidden;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));transition:border-radius var(--dur-moderate) var(--ease-standard),margin-left var(--dur-moderate) var(--ease-standard),margin-right var(--dur-moderate) var(--ease-standard)}body[data-page=profile] .profile-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text);background:var(--color-bg);transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile] .profile-row:last-child{border-bottom:none}body[data-page=profile] .profile-row:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=profile] .profile-row-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile] .profile-row-icon--primary{background:var(--color-primary-10);color:var(--color-primary)}body[data-page=profile] .profile-row-text{flex:1;min-width:0}body[data-page=profile] .profile-row-label{display:block;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}body[data-page=profile] .profile-row-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body[data-page=profile] .profile-row-chevron{color:var(--color-border);font-size:var(--font-size-xl);line-height:1;flex-shrink:0}body[data-page=profile] .profile-logout-wrap{padding:var(--space-5) var(--space-4) var(--space-6)}body[data-page=profile] .profile-logout{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .profile-logout:hover{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}body[data-page=profile] .settings-group{background:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-left:none;border-right:none;border-radius:0;overflow:hidden;margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));margin-bottom:var(--space-4);transition:border-radius var(--dur-moderate) var(--ease-standard),margin-left var(--dur-moderate) var(--ease-standard),margin-right var(--dur-moderate) var(--ease-standard)}body[data-page=profile] .settings-group-label{padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}body[data-page=profile] .settings-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);text-decoration:none;transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile] .settings-row:last-child{border-bottom:none}body[data-page=profile] .settings-row:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=profile] .settings-row-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile] .settings-row-icon,body[data-page=profile] .settings-row-icon.danger{background:var(--color-primary-10);color:var(--color-primary)}body[data-page=profile] .settings-row-icon.muted{background:var(--color-bg-secondary);color:var(--color-text-muted)}body[data-page=profile] .settings-row-label{flex:1;font-weight:600;font-size:var(--font-size-md)}body[data-page=profile] .settings-row-meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile] .settings-row-chevron{color:var(--color-border)}body[data-page=profile] .settings-row.danger .settings-row-label{color:var(--color-primary)}body[data-page=profile] .app-content{padding:0}body[data-page=profile] .settings-scroll{padding:var(--space-4)}body[data-page=profile] .settings-row-btn{width:100%;text-align:left;cursor:pointer;border:none;background:none}body[data-page=profile] .social-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-2)}body[data-page=profile] .social-footer-label{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin:0;opacity:.6}body[data-page=profile] .social-footer-icons{display:flex;align-items:center;gap:var(--space-4)}body[data-page=profile] .social-footer-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);opacity:.45;border-radius:var(--radius-full);transition:opacity var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .social-footer-link:hover{opacity:1;color:var(--color-primary)}@media (min-width:768px),(orientation:landscape) and (min-width:640px){body[data-page=profile] .app-content{max-width:620px}body[data-page=profile] .profile-rows,body[data-page=profile] .settings-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-left:0;margin-right:0}}@media (min-width:1024px){body[data-page=profile] .app-content{max-width:720px}}.sheet-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;opacity:0;pointer-events:none;transition:opacity var(--dur-moderate) var(--ease-standard)}.sheet-overlay.is-open{opacity:1;pointer-events:all}.msg-sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;background:var(--color-bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-6) var(--space-5) calc(var(--space-6) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform var(--dur-moderate) var(--ease-spring);max-height:92dvh;overflow-y:auto}.msg-sheet.is-open{transform:translateY(0)}.sheet-handle{width:40px;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin:0 auto var(--space-5)}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.sheet-title{font-family:var(--font-display);font-size:var(--font-size-display-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-text)}.sheet-close{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.sheet-close:hover{background:var(--color-border)}.sheet-steps{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.sheet-step-dot{height:4px;flex:1;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--dur-base) var(--ease-standard)}.sheet-step-dot.active,.sheet-step-dot.done{background:var(--color-primary)}.sheet-step-dot.done{opacity:.4}.sheet-step{display:none}.sheet-step.is-active{display:block}.step-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);font-weight:600;text-transform:uppercase;letter-spacing:.06em}body[data-page=profile] .topic-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}body[data-page=profile] .topic-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .topic-chip.selected,body[data-page=profile] .topic-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}body[data-page=profile] .topic-chip.selected{background:var(--color-primary-10)}body[data-page=profile] .msg-context-line{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}body[data-page=profile] .msg-context-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile] .msg-context-value{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-10);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}body[data-page=profile] .msg-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);resize:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}body[data-page=profile] .msg-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(250,69,61,.12)}body[data-page=profile] .msg-charcount{text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-5)}body[data-page=profile] .email-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .email-option.selected{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=profile] .email-option-text{font-size:var(--font-size-md);color:var(--color-text)}body[data-page=profile] .email-radio{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--dur-fast) var(--ease-standard)}body[data-page=profile] .email-option.selected .email-radio{border-color:var(--color-primary);background:var(--color-primary)}body[data-page=profile] .email-option.selected .email-radio:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-bg)}body[data-page=profile] .email-add-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--color-primary);font-weight:600;background:none;margin-bottom:var(--space-5)}.sheet-cta,body[data-page=profile] .email-add-link{font-size:var(--font-size-md);border:none;cursor:pointer}.sheet-cta{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-bg);font-family:var(--font-ui);font-weight:700;border-radius:var(--radius-md);box-shadow:var(--shadow-cta);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);margin-bottom:var(--space-2)}.sheet-cta:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.sheet-cta:active{transform:scale(.98)}.sheet-cta:disabled{opacity:.4;pointer-events:none;box-shadow:none}.sheet-cta.is-loading{opacity:.75;pointer-events:none;box-shadow:none}.sheet-back{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-4) 0 0;margin-top:var(--space-2);width:100%}.sheet-back:hover{color:var(--color-text)}.sheet-success{text-align:center;padding:var(--space-8) 0}.sheet-success-icon{width:64px;height:64px;background:var(--color-primary-10);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-5);color:var(--color-primary)}.sheet-success-title{font-family:var(--font-display);font-size:var(--font-size-display-xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-3)}.sheet-success-body{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-6)}body[data-page=profile] .faq-sheet-intro{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-5)}body[data-page=profile] .faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}body[data-page=profile] .faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}body[data-page=profile] .faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile] .faq-question:hover{background:var(--color-bg-secondary)}body[data-page=profile] .faq-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--dur-base) var(--ease-standard)}body[data-page=profile] .faq-item.is-open .faq-chevron{transform:rotate(180deg)}body[data-page=profile] .faq-item.is-open .faq-question{color:var(--color-primary)}body[data-page=profile] .faq-answer{max-height:0;overflow:hidden;transition:max-height var(--dur-moderate) var(--ease-standard),padding var(--dur-moderate) var(--ease-standard);padding:0 var(--space-4);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6}body[data-page=profile] .faq-item.is-open .faq-answer{max-height:300px;padding:0 var(--space-4) var(--space-4)}body[data-page=profile] .faq-still-stuck{text-align:center;padding:var(--space-5) 0;border-top:1px solid var(--color-border)}body[data-page=profile] .faq-still-stuck-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=profile] .faq-msg-btn{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-bg);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-cta);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}body[data-page=profile] .faq-msg-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}body[data-page=profile] .faq-msg-btn:active{transform:scale(.98)}body[data-page=profile] .faq-fsp-notice{text-align:left;margin-top:var(--space-5)}body[data-page=profile] .settings-row--static{cursor:default;pointer-events:none}body[data-page=profile] .settings-row--static:hover{background:transparent}body[data-page=profile] .payment-debit-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}body[data-page=profile] .payment-badge{font-size:var(--font-size-xs);font-weight:700;color:var(--color-success,#16a34a);background:rgba(22,163,74,.1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}body[data-page=profile] .payment-amount{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);white-space:nowrap}body[data-page=profile] .payment-contact-note{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;padding:var(--space-3) var(--space-4) var(--space-4);margin:0}body[data-page=profile] .payment-contact-link{color:var(--color-primary);font-weight:600;text-decoration:none}body[data-page=profile] .payment-contact-link:hover{text-decoration:underline}body[data-page=profile] .debit-detail-list{list-style:none;margin:0 0 var(--space-5);padding:0;display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}body[data-page=profile] .debit-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=profile] .debit-detail-row:last-child{border-bottom:none}body[data-page=profile] .debit-detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted);flex-shrink:0;padding-top:2px}body[data-page=profile] .debit-detail-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-align:right;display:flex;flex-direction:column;gap:var(--space-1)}body[data-page=profile] .debit-detail-value--highlight{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em}body[data-page=profile] .debit-detail-sub{font-size:var(--font-size-xs);font-weight:400;color:var(--color-text-muted)}body[data-page=profile-edit] .edit-id-field-wrap{position:relative}body[data-page=profile-edit] .edit-id-valid-icon{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:#0f7a3e;display:none;align-items:center}body[data-page=profile-edit] .edit-id-valid-icon.is-visible{display:flex}body[data-page=profile-edit] .edit-dob-hint{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--font-size-sm);color:#0f7a3e;font-weight:600}body[data-page=profile-edit] .edit-dob-hint.is-hidden{display:none}body[data-page=profile-edit] .form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}body[data-page=profile-edit] .edit-save-success{display:none;background:#e6f7ed;color:#0f7a3e;border-radius:var(--radius-md);padding:var(--space-4);font-weight:600;margin-bottom:var(--space-4)}body[data-page=profile-edit] .edit-save-success.is-visible{display:block}body[data-page=profile-cards] .payment-card{border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(135deg,#1a1a2e,#16213e);color:var(--color-bg);margin-bottom:var(--space-4);position:relative;overflow:hidden}body[data-page=profile-cards] .payment-card:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.05)}body[data-page=profile-cards] .payment-card-bank{font-size:var(--font-size-sm);font-weight:700;opacity:.7;margin-bottom:var(--space-5)}body[data-page=profile-cards] .payment-card-number{font-family:var(--font-mono);font-size:var(--font-size-lg);letter-spacing:.15em;margin-bottom:var(--space-4)}body[data-page=profile-cards] .payment-card-bottom{display:flex;justify-content:space-between;align-items:flex-end}body[data-page=profile-cards] .payment-card-holder-label{font-size:var(--font-size-xs);opacity:.6;text-transform:uppercase;letter-spacing:.08em}body[data-page=profile-cards] .payment-card-holder-name{font-weight:700;font-size:var(--font-size-md)}body[data-page=profile-cards] .payment-card-expiry{font-weight:700;font-size:var(--font-size-md);text-align:right}body[data-page=profile-cards] .payment-card-expiry-label{font-size:var(--font-size-xs);opacity:.6;text-transform:uppercase;letter-spacing:.08em;text-align:right}body[data-page=profile-cards] .payment-card-type{position:absolute;top:var(--space-4);right:var(--space-4);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);background:hsla(0,0%,100%,.1);border-radius:var(--radius-sm);padding:2px var(--space-2)}body[data-page=profile-cards] .card-remove{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;background:none;border:none;cursor:pointer;padding:var(--space-1) 0}body[data-page=profile-cards-add] .card-preview{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-bg);margin-bottom:var(--space-6);min-height:140px;position:relative;overflow:hidden}body[data-page=profile-cards-mandate] .mandate-amount{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em}body[data-page=profile-cards-mandate] .mandate-legalese{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}body[data-page=profile-members] .member-list{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--space-4)}body[data-page=profile-members] .member-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=profile-members] .member-row:last-child{border-bottom:none}body[data-page=profile-members] .member-avatar{width:44px;height:44px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);flex-shrink:0}body[data-page=profile-members] .member-name{font-weight:700;font-size:var(--font-size-md)}body[data-page=profile-members] .member-rel{font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-frame{display:flex;flex-direction:column;min-height:100dvh}.hero-panel{display:none}.form-panel{display:flex;flex-direction:column;flex:1;background:var(--color-bg)}.coral-strip{height:4px;background:var(--color-primary);flex-shrink:0}.form-scroll{flex:1;overflow-y:hidden;-webkit-overflow-scrolling:touch}.form-card{padding:var(--space-6) var(--space-5);padding-top:calc(var(--space-6) + env(safe-area-inset-top));padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom));max-width:440px;margin:0 auto;width:100%}.form-logo{margin-bottom:var(--space-8)}.form-logo svg{width:160px;height:auto;fill:var(--color-primary);display:block}.form-logo:after{content:"Insurance | Lifestyle | Rewards";display:block;margin-top:var(--space-2);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:.01em;color:var(--color-text)}.auth-progress{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-progress .dots{display:flex;gap:var(--space-1)}.auth-progress .d{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--dur-base) var(--ease-standard)}.auth-progress .d.done{width:24px;border-radius:4px}.auth-progress .d.active,.auth-progress .d.done{background:var(--color-primary)}.auth-heading{margin-bottom:var(--space-8)}.auth-eyebrow{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-2)}.auth-h1{font-weight:var(--font-weight-bold);font-size:var(--font-size-2xl);line-height:1;color:var(--color-text);margin:0 0 var(--space-3)}.auth-h1 em{font-style:normal;color:var(--color-primary)}.auth-heading p{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin:0}.auth-back-btn{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);padding:var(--space-2) 0}.auth-back-btn:hover{color:var(--color-text);text-decoration:none}.auth-back-btn svg{width:18px;height:18px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .form-input{padding-left:44px}.input-wrap .form-input.has-suffix{padding-right:44px}.input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.input-icon svg{width:18px;height:18px}.input-suffix{position:absolute;right:0;top:0;bottom:0;width:44px;color:var(--color-text-muted)}.input-suffix,.input-suffix button{display:flex;align-items:center;justify-content:center}.input-suffix button{width:40px;height:40px;border-radius:var(--radius-md)}.input-suffix button:hover{color:var(--color-primary);background:var(--color-bg-secondary)}.input-suffix svg{width:18px;height:18px}.input-wrap.is-valid .form-input{border-color:#0f7a3e}.input-wrap.is-error .form-input{border-color:var(--color-primary);background:var(--color-primary-10)}.input-helper{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-1)}.input-helper.ok{color:#0f7a3e}.input-helper svg{width:14px;height:14px}.form-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.biometric-opt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);text-align:left;width:100%;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.biometric-opt:hover{border-color:var(--color-primary);background:var(--color-primary-10)}.biometric-opt .bio-icon{width:44px;height:44px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.biometric-opt .bio-icon svg{width:22px;height:22px}.biometric-opt .bio-copy{flex:1;min-width:0}.biometric-opt .bio-t{font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}.biometric-opt .bio-s{font-size:var(--font-size-sm);color:var(--color-text-muted)}.biometric-opt .bio-arrow{color:var(--color-text-muted);flex-shrink:0}.biometric-opt .bio-arrow svg{width:18px;height:18px}.auth-banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.45}.auth-banner svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.auth-banner strong{display:block;margin-bottom:2px;font-weight:700}.auth-banner a{color:inherit;font-weight:600;text-decoration:underline}.auth-banner.info{background:var(--color-primary-10);border:1px solid var(--color-primary-20);color:var(--color-primary-dark)}.auth-banner.info svg{color:var(--color-primary)}.auth-banner.warn{background:rgba(161,91,0,.08);border:1px solid rgba(161,91,0,.18);color:#7a4400}.auth-banner.warn svg{color:#a15b00}.account-hint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.account-hint .av{width:36px;height:36px;background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.account-hint .col{flex:1;min-width:0}.account-hint .col .t{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.account-hint .col .s{font-size:var(--font-size-sm);color:var(--color-text-muted)}.account-hint svg{width:18px;height:18px;color:#0f7a3e;flex-shrink:0}.auth-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) 0 var(--space-4)}.auth-success .success-icon{width:96px;height:96px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-bg);margin:0 auto var(--space-6);animation:popIn var(--dur-moderate) var(--ease-spring) both;box-shadow:var(--shadow-cta)}.auth-success .success-icon svg{width:48px;height:48px}.auth-success .auth-h1{font-size:var(--font-size-3xl)}.auth-success p{color:var(--color-text-muted);font-size:var(--font-size-md);line-height:1.5;margin:0 0 var(--space-6);max-width:32ch}.auth-next-steps{width:100%;text-align:left;background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.auth-next-steps h3{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.auth-next-steps ul{display:flex;flex-direction:column;gap:var(--space-3)}.auth-next-steps li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text)}.auth-next-steps .num{width:24px;height:24px;background:var(--color-primary);color:var(--color-bg);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);flex-shrink:0}.auth-foot{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.auth-foot a{font-weight:600}.auth-foot .fsp-line{display:block;margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (min-width:768px){.auth-frame{flex-direction:row}.hero-panel{display:flex;flex-direction:column;width:420px;min-width:380px;min-height:100dvh;background:var(--color-primary);color:var(--color-bg);padding:var(--space-12) var(--space-10);position:sticky;top:0;align-self:flex-start;height:100dvh;overflow:hidden}.hero-brand{gap:var(--space-3);margin-bottom:var(--space-12)}.hero-brand,.hero-un{display:flex;align-items:center}.hero-un{width:40px;height:40px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-md);justify-content:center;font-size:var(--font-size-md)}.hero-brand-text,.hero-un{color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold)}.hero-brand-text{font-size:var(--font-size-base);letter-spacing:-.01em}.hero-brand-text small{display:block;font-weight:500;font-size:var(--font-size-xs);opacity:.6;text-transform:uppercase;letter-spacing:.12em}.hero-logo{display:block;width:160px;height:auto}.hero-logo svg{width:100%;height:auto;display:block}.hero-logo svg path,.hero-logo svg polygon,.hero-logo svg rect{fill:var(--color-bg)}.hero-body{flex:1}.hero-kicker{font-size:var(--font-size-display-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:var(--space-4)}.hero-headline{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-display-3xl);line-height:1;color:var(--color-bg);margin:0 0 var(--space-5)}.hero-headline em{font-style:normal}.hero-sub{font-size:var(--font-size-display-md);opacity:.85;line-height:1.5;margin:0;max-width:28ch}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5) var(--space-6);padding-top:var(--space-6);border-top:1px solid hsla(0,0%,100%,.2);margin-top:auto}.hero-stat__pre{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:400;line-height:1.3;opacity:.85}.hero-stat .n,.hero-stat__pre{display:block;margin-bottom:var(--space-1)}.hero-stat .n{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-display-lg);line-height:1;text-transform:uppercase}.hero-stat .l{font-family:var(--font-ui);font-size:var(--font-size-sm);line-height:1.3;opacity:.85}.form-panel{flex:1}.form-card{padding:var(--space-12) var(--space-10);max-width:520px}}@media (min-width:1024px){.hero-panel{width:400px}.hero-headline{font-size:56px}}body[data-page=onboarding-splash]{background:var(--color-primary);display:flex;align-items:center;justify-content:center;min-height:100dvh}body[data-page=onboarding-splash] .splash-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding:var(--space-8)}body[data-page=onboarding-splash] .splash-un{width:80px;height:80px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}body[data-page=onboarding-splash] .splash-brand,body[data-page=onboarding-splash] .splash-un{color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold);letter-spacing:-.02em}body[data-page=onboarding-splash] .splash-brand{font-size:var(--font-size-xl)}body[data-page=onboarding-splash] .splash-tagline{font-size:var(--font-size-md);color:hsla(0,0%,100%,.75);letter-spacing:.02em}body[data-page=onboarding-splash] .splash-loader{display:flex;gap:var(--space-2);margin-top:var(--space-6)}body[data-page=onboarding-splash] .splash-loader span{width:8px;height:8px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.4);animation:splashPulse 1.2s var(--ease-standard) infinite}body[data-page=onboarding-splash] .splash-loader span:nth-child(2){animation-delay:.2s}body[data-page=onboarding-splash] .splash-loader span:nth-child(3){animation-delay:.4s}@keyframes splashPulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}body[data-page=onboarding-splash] .splash-fsp{position:fixed;bottom:calc(var(--space-5) + env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:var(--font-size-xs);color:hsla(0,0%,100%,.5);letter-spacing:.06em;text-transform:uppercase}body[data-page=onboarding-slides],body[data-page=onboarding-slides] .slides-host{background:var(--color-primary);min-height:100dvh}body[data-page=onboarding-slides] .slides-host{display:flex;flex-direction:column;color:var(--color-bg);position:relative;overflow:hidden}body[data-page=onboarding-slides] .slides-header{padding:calc(60px + env(safe-area-inset-top)) var(--space-6) 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;flex-shrink:0}body[data-page=onboarding-slides] .slides-logo,body[data-page=onboarding-slides] .slides-logo-un{width:40px;height:40px;border-radius:var(--radius-md);background:hsla(0,0%,100%,.15);color:var(--color-bg);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);display:flex;align-items:center;justify-content:center}body[data-page=onboarding-slides] .slides-skip{font-size:var(--font-size-sm);font-weight:700;color:hsla(0,0%,100%,.8);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid hsla(0,0%,100%,.3)}body[data-page=onboarding-slides] .slides-skip:hover{background:hsla(0,0%,100%,.1);text-decoration:none}body[data-page=onboarding-slides] .slides-viewport{flex:1;overflow:hidden;position:relative}body[data-page=onboarding-slides] .slides-track{height:100%;display:flex;transition:transform .5s var(--ease-standard)}body[data-page=onboarding-slides] .slide{min-width:100%;height:100%;padding:var(--space-5) var(--space-6) 0;display:flex;flex-direction:column;position:relative;overflow-y:auto;scrollbar-width:none}body[data-page=onboarding-slides] .slide::-webkit-scrollbar{display:none}body[data-page=onboarding-slides] .slide-bg-glyph{position:absolute;font-family:var(--font-display);font-weight:var(--font-weight-bold);color:hsla(0,0%,100%,.07);font-size:280px;line-height:1;letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;right:-20px;top:0}body[data-page=onboarding-slides] .slide-num{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.25em;opacity:.6;margin-bottom:var(--space-4)}body[data-page=onboarding-slides] .slide-kicker{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.14em;padding:var(--space-2) var(--space-3);background:hsla(0,0%,100%,.14);border-radius:var(--radius-full);align-self:flex-start;margin-bottom:var(--space-5);text-transform:uppercase}body[data-page=onboarding-slides] .slide-title{font-family:var(--font-display);font-feature-settings:var(--font-features-display);font-weight:var(--font-weight-bold);font-size:52px;line-height:.95;letter-spacing:-.035em;margin:0 0 var(--space-5);text-wrap:balance}body[data-page=onboarding-slides] .slide-title em{font-style:normal;background:var(--color-bg);color:var(--color-primary);padding:0 var(--space-2) 2px;border-radius:var(--radius-sm)}body[data-page=onboarding-slides] .slide-title u{text-decoration:none;position:relative}body[data-page=onboarding-slides] .slide-title u:after{content:"";position:absolute;left:-2%;right:-2%;bottom:8%;height:14%;background:hsla(0,0%,100%,.25);border-radius:var(--radius-sm);z-index:-1}body[data-page=onboarding-slides] .slide-body{font-size:var(--font-size-md);line-height:1.4;color:hsla(0,0%,100%,.9);max-width:30ch;margin-bottom:var(--space-6)}body[data-page=onboarding-slides] .slide-stats{display:flex;gap:var(--space-6);margin-top:auto;margin-bottom:var(--space-10);padding-top:var(--space-6);border-top:1px solid hsla(0,0%,100%,.2)}body[data-page=onboarding-slides] .stat .n{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);display:block;line-height:1;margin-bottom:var(--space-1)}body[data-page=onboarding-slides] .stat .l{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;opacity:.75}body[data-page=onboarding-slides] .slide-features{margin:0 0 var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);list-style:none}body[data-page=onboarding-slides] .slide-features li{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--font-size-md)}body[data-page=onboarding-slides] .slide-features .tick{width:26px;height:26px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.15);color:var(--color-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=onboarding-slides] .slide-features .tick svg{width:14px;height:14px}body[data-page=onboarding-slides] .slides-footer{padding:0 var(--space-6) calc(var(--space-10) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-5);position:relative;z-index:3;flex-shrink:0}body[data-page=onboarding-slides] .slides-dots{display:flex;gap:var(--space-2)}body[data-page=onboarding-slides] .slide-dot{width:22px;height:4px;border-radius:2px;background:hsla(0,0%,100%,.3);transition:all var(--dur-base) var(--ease-standard);cursor:pointer}body[data-page=onboarding-slides] .slide-dot.active{background:var(--color-bg);width:36px}body[data-page=onboarding-slides] .slides-actions{display:flex;gap:var(--space-3);align-items:center}body[data-page=onboarding-slides] .btn-slides-cta{flex:1;background:var(--color-bg);color:var(--color-primary);font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md);height:56px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 6px 20px rgba(0,0,0,.18);text-decoration:none}body[data-page=onboarding-slides] .btn-slides-cta:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=onboarding-slides] .btn-slides-ghost{font-size:var(--font-size-sm);font-weight:700;color:hsla(0,0%,100%,.9);padding:0 var(--space-3)}body[data-page=onboarding-slides] .btn-slides-ghost:hover{color:var(--color-bg);text-decoration:underline}body[data-page=onboarding-slides] .slides-cta-block{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-top:var(--space-6)}body[data-page=onboarding-slides] .slides-nav{display:flex;gap:var(--space-3);align-items:center}body[data-page=onboarding-slides] .slides-fsp{font-size:var(--font-size-xs);color:hsla(0,0%,100%,.5);letter-spacing:.06em;font-family:var(--font-mono);text-align:center}body[data-page=dashboard-home-v3]{background:var(--color-bg-secondary);min-height:100dvh}body[data-page=dashboard-home-v3] .dash-shell{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom));max-width:600px;margin:0 auto}body[data-page=dashboard-home-v3] .dash-header-v3{background:var(--color-primary);padding:calc(env(safe-area-inset-top) + var(--space-5)) var(--space-5) var(--space-6)}body[data-page=dashboard-home-v3] .dash-hero-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-2)}body[data-page=dashboard-home-v3] .dash-greeting-label{font-family:var(--font-ui);font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);margin-bottom:var(--space-1)}body[data-page=dashboard-home-v3] .dash-greeting-name{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.02em;line-height:1.1}body[data-page=dashboard-home-v3] .dash-sub{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.75);line-height:1.5}body[data-page=dashboard-home-v3] .dash-hero-right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}body[data-page=dashboard-home-v3] .acct-status-pill{display:inline-flex;align-items:center;gap:var(--space-1);background:hsla(0,0%,100%,.18);color:#fff;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid hsla(0,0%,100%,.3)}body[data-page=dashboard-home-v3] .acct-status-dot{width:7px;height:7px;border-radius:var(--radius-full);background:#4cde80;flex-shrink:0}body[data-page=dashboard-home-v3] .acct-status-pill[data-status=lapsed] .acct-status-dot{background:#f59e0b}body[data-page=dashboard-home-v3] .acct-status-pill[data-status=pending] .acct-status-dot{background:hsla(0,0%,100%,.5)}body[data-page=dashboard-home-v3] .avatar{width:40px;height:40px;border-radius:var(--radius-full);background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;flex-shrink:0}body[data-page=dashboard-home-v3] .avatar,body[data-page=dashboard-home-v3] .section-title{font-family:var(--font-display);font-weight:var(--font-weight-bold);font-size:var(--font-size-md)}body[data-page=dashboard-home-v3] .section-title{color:var(--color-text);letter-spacing:-.01em;padding:var(--space-5) var(--space-5) var(--space-3);margin:0}body[data-page=dashboard-home-v3] .my-cover-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:0 var(--space-5);margin-bottom:var(--space-2)}body[data-page=dashboard-home-v3] .cover-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}body[data-page=dashboard-home-v3] .cover-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-10);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}body[data-page=dashboard-home-v3] .cover-card-label{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}body[data-page=dashboard-home-v3] .cover-card-name{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em}body[data-page=dashboard-home-v3] .cover-card-amount{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em;line-height:1.1}body[data-page=dashboard-home-v3] .cover-card-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=dashboard-home-v3] .cover-card-link{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);text-decoration:none;margin-top:auto}body[data-page=dashboard-home-v3] .cover-card-link:hover{text-decoration:underline}body[data-page=dashboard-home-v3] .pfy-section{margin-bottom:var(--space-2)}body[data-page=dashboard-home-v3] .pfy-header{padding:var(--space-5) var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}body[data-page=dashboard-home-v3] .pfy-header .section-title{padding:0;margin:0}body[data-page=dashboard-home-v3] .pfy-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}body[data-page=dashboard-home-v3] .pfy-track-wrapper{overflow:hidden;padding:0 var(--space-5) var(--space-4)}body[data-page=dashboard-home-v3] .pfy-track{display:flex;transition:transform var(--dur-moderate) var(--ease-standard);will-change:transform}body[data-page=dashboard-home-v3] .pfy-slide{flex:0 0 100%;width:100%}body[data-page=dashboard-home-v3] .pfy-slide-inner{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}body[data-page=dashboard-home-v3] .pfy-slide-top{display:flex;align-items:flex-start;gap:var(--space-3)}body[data-page=dashboard-home-v3] .pfy-slide-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-10);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=dashboard-home-v3] .pfy-slide-info{flex:1}body[data-page=dashboard-home-v3] .pfy-slide-name{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-1)}body[data-page=dashboard-home-v3] .pfy-slide-tagline{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}body[data-page=dashboard-home-v3] .pfy-slide-body{display:flex;gap:var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}body[data-page=dashboard-home-v3] .pfy-slide-stat{flex:1}body[data-page=dashboard-home-v3] .pfy-slide-stat-value{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--space-1)}body[data-page=dashboard-home-v3] .pfy-slide-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}body[data-page=dashboard-home-v3] .pfy-slide-cta{display:block;background:var(--color-primary);color:#fff;font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;text-align:center;padding:var(--space-4);border-radius:var(--radius-md);text-decoration:none;transition:background var(--dur-base) var(--ease-standard)}body[data-page=dashboard-home-v3] .pfy-slide-cta:hover{background:var(--color-primary-dark);text-decoration:none}body[data-page=dashboard-home-v3] .pfy-dots{display:flex;justify-content:center;gap:var(--space-2);padding-top:var(--space-3)}body[data-page=dashboard-home-v3] .pfy-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;padding:0;transition:background var(--dur-base) var(--ease-standard),width var(--dur-base) var(--ease-standard)}body[data-page=dashboard-home-v3] .pfy-dot--active{background:var(--color-primary);width:24px}body[data-page=dashboard-home-v3] .free-banner{margin:var(--space-2) var(--space-5) var(--space-2);background:var(--color-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-cta)}body[data-page=dashboard-home-v3] .free-banner-inner{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)}body[data-page=dashboard-home-v3] .free-banner-badge{background:#fff;color:var(--color-primary);font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0;align-self:flex-start}body[data-page=dashboard-home-v3] .free-banner-text{flex:1}body[data-page=dashboard-home-v3] .free-banner-headline{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:#fff;letter-spacing:-.01em;margin-bottom:var(--space-1)}body[data-page=dashboard-home-v3] .free-banner-sub{font-size:var(--font-size-sm);color:hsla(0,0%,100%,.8);line-height:1.5}body[data-page=dashboard-home-v3] .free-banner-icon{color:hsla(0,0%,100%,.4);flex-shrink:0}body[data-page=dashboard-home-v3] .free-banner-cta{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:1px solid hsla(0,0%,100%,.2);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:#fff;text-decoration:none;background:rgba(0,0,0,.08);transition:background var(--dur-base) var(--ease-standard)}body[data-page=dashboard-home-v3] .free-banner-cta:hover{background:rgba(0,0,0,.16);text-decoration:none}body[data-page=dashboard-home-v3] .activity-list{background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin:0 var(--space-5);overflow:hidden}body[data-page=dashboard-home-v3] .transaction-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=dashboard-home-v3] .transaction-row:last-child{border-bottom:none}body[data-page=dashboard-home-v3] .transaction-icon{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-10);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=dashboard-home-v3] .transaction-body{flex:1;min-width:0}body[data-page=dashboard-home-v3] .transaction-desc{font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page=dashboard-home-v3] .transaction-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-1)}body[data-page=dashboard-home-v3] .transaction-amount{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0}body[data-page=dashboard-home-v3] .transaction-amount[data-type=credit]{color:var(--color-text)}body[data-page=dashboard-home-v3] .transaction-amount[data-type=debit],body[data-page=dashboard-home-v3] .transaction-amount[data-type=points]{color:var(--color-primary)}body[data-page=dashboard-home-v3] .fsp-footer{padding:var(--space-6) var(--space-5) var(--space-4);text-align:center}body[data-page=dashboard-home-v3] .fsp-notice{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em}body[data-page=dashboard-home-v3] .bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg);border-top:1px solid var(--color-border);box-shadow:var(--shadow-nav);display:flex;align-items:stretch;z-index:100}body[data-page=dashboard-home-v3] .nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--dur-base) var(--ease-standard);min-height:44px}body[data-page=dashboard-home-v3] .nav-tab:hover{text-decoration:none;color:var(--color-primary)}body[data-page=dashboard-home-v3] .nav-tab[aria-current=page]{color:var(--color-primary)}@media (min-width:480px){body[data-page=dashboard-home-v3] .my-cover-row{gap:var(--space-4)}}@media (min-width:768px){body[data-page=dashboard-home-v3]{padding-left:64px}body[data-page=dashboard-home-v3] .bottom-nav{position:fixed;top:0;left:0;bottom:0;right:auto;width:64px;height:100dvh;height:100vh;flex-direction:column;border-top:none;border-right:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-nav)}body[data-page=dashboard-home-v3] .nav-tab{flex:0;padding:var(--space-4) 0;width:100%}body[data-page=dashboard-home-v3] .nav-tab span{display:none}body[data-page=dashboard-home-v3] .dash-shell{padding-left:var(--space-5);padding-right:var(--space-5)}}@media (min-width:1024px){body[data-page=dashboard-home-v3]{padding-left:220px}body[data-page=dashboard-home-v3] .bottom-nav{width:220px;align-items:stretch}body[data-page=dashboard-home-v3] .nav-tab{flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--font-size-md)}body[data-page=dashboard-home-v3] .nav-tab span{display:inline}body[data-page=dashboard-home-v3] .my-cover-row{gap:var(--space-5)}}@media (min-width:1280px){body[data-page=dashboard-home-v3] .dash-shell{max-width:720px}}body[data-page=benefits-detail] .benefit-hero-badge-group{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}body[data-page=benefits-detail] .benefit-hero-status-badge{background:hsla(0,0%,100%,.2);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em}body[data-page=benefits-detail] .benefit-hero-renewal-date{font-size:var(--font-size-sm);opacity:.85}body[data-page=benefits-detail] .benefit-policy-number{font-size:var(--font-size-md)}body[data-page=benefits-detail] .benefit-coverage-list{display:flex;flex-direction:column;gap:var(--space-3)}body[data-page=benefits-detail] .benefit-coverage-item{display:flex;align-items:center;gap:var(--space-3)}body[data-page=benefits-detail] .benefit-tc-title{margin-top:var(--space-2)}body[data-page=benefits-detail] .benefit-accordion{padding:0}body[data-page=benefits-detail] .benefit-btn-stack{margin-top:var(--space-4)}body[data-page=benefits-detail] .btn-secondary{display:flex;align-items:center;justify-content:center;text-decoration:none}body[data-page=benefits-overview] .benefits-overview-title{margin-bottom:var(--space-1)}body[data-page=benefits-overview] .benefits-overview-subtitle{margin-bottom:var(--space-5)}body[data-page=benefits-overview] .benefit-icon-disabled{background:var(--color-bg-secondary);color:var(--color-text-muted)}body[data-page=benefits-overview] .benefit-name-disabled{color:var(--color-text-muted)}body[data-page=benefits-overview] .benefit-expiry-warning{color:var(--color-warning)}body[data-page=benefits-overview] .benefits-renewal-prompt{background:var(--color-primary-10);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-2);text-align:center}body[data-page=benefits-overview] .benefits-renewal-prompt-title{font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;margin-bottom:var(--space-3)}body[data-page=benefits-overview] .benefits-renewal-prompt-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}body[data-page=benefits-overview] .benefits-renewal-btn{display:inline-flex;width:auto;padding:0 var(--space-6);height:40px;font-size:var(--font-size-sm)}body[data-page=claims-detail] .claim-hero-badge{margin-bottom:var(--space-3)}body[data-page=claims-detail] .claims-detail-timeline-card{margin-bottom:var(--space-5)}body[data-page=claims-detail] .claims-detail-timeline-last{padding-bottom:0}body[data-page=claims-detail] .claims-detail-documents{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}body[data-page=claims-detail] .claims-detail-doc-item{display:flex;align-items:center;gap:var(--space-3)}body[data-page=claims-detail] .claims-detail-doc-name{font-size:var(--font-size-sm);font-weight:600}body[data-page=claims-detail] .claims-detail-doc-pending{color:var(--color-text-muted)}body[data-page=claims-detail] .claims-detail-btn-stack{margin-top:var(--space-2)}body[data-page=claims-detail] .btn-secondary{text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}body[data-page=claims-detail] .claims-detail-support{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center}body[data-page=claims-detail] .claims-detail-support-title{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=claims-detail] .claims-detail-support-link{font-weight:700}body[data-page=products-buy] .products-buy-title{margin-bottom:var(--space-2)}body[data-page=products-buy] .products-buy-subtitle{margin-bottom:var(--space-5)}body[data-page=products-buy] .buy-summary-label{color:var(--color-text-muted)}body[data-page=products-buy] .buy-summary-value{font-weight:600}body[data-page=products-buy] .buy-summary-total{border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:var(--space-3);font-weight:700}body[data-page=products-buy] .products-buy-spacer{height:var(--space-5)}body[data-page=products-buy] .products-buy-mandate{margin-bottom:var(--space-5)}body[data-page=products-buy] .products-buy-mandate-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=products-buy] .btn-secondary{text-align:center;text-decoration:none}body[data-page=profile-cards-add] .card-preview-type{font-size:var(--font-size-xs);opacity:.7;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5)}body[data-page=profile-cards-add] .card-preview-number{font-family:var(--font-mono);font-size:var(--font-size-lg);letter-spacing:.15em;margin-bottom:var(--space-5)}body[data-page=profile-cards-add] .card-preview-footer{display:flex;justify-content:space-between;align-items:flex-end}body[data-page=profile-cards-add] .card-preview-label{font-size:var(--font-size-xs);opacity:.65;text-transform:uppercase;letter-spacing:.08em}body[data-page=profile-cards-add] .card-preview-holder{font-weight:700}body[data-page=profile-cards-add] .card-preview-expiry-section{text-align:right}body[data-page=profile-cards-add] .card-preview-expiry{font-weight:700}body[data-page=profile-cards-add] .cards-add-expiry-cvv{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}body[data-page=profile-cards-add] .cards-add-btn-stack{margin-top:var(--space-4)}body[data-page=profile-cards-add] .btn-secondary{text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}body[data-page=profile-cards-add] .cards-add-security{margin-top:var(--space-5);text-align:center}body[data-page=profile-cards-add] .cards-add-security-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile] .callback-phone-display{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:var(--space-2) 0 var(--space-4);color:var(--color-text)}body[data-page=profile] .callback-phone-number{font-size:var(--font-size-md);font-weight:700;font-family:var(--font-ui);letter-spacing:.02em}body[data-page=profile] .callback-phone-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}body[data-page=profile] .callback-edit-link{color:var(--color-primary);text-decoration:none;font-weight:600}body[data-page=profile] .callback-edit-link:hover{text-decoration:underline}body[data-page=profile] .settings-row-text{display:flex;flex-direction:column;flex:1;min-width:0;gap:1px}body[data-page=profile] .settings-row-meta-sub{font-family:var(--font-ui);font-size:var(--font-size-sm);color:var(--color-text-muted);opacity:.75}body[data-page=profile] .settings-row--featured{background:var(--color-primary-10)}body[data-page=profile] .settings-row--featured:hover{background:var(--color-primary-20)}body[data-page=profile] .settings-row-icon--primary{color:var(--color-primary)}body[data-page=profile] .support-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:none;border-bottom:1px solid var(--color-border);background:transparent;width:100%;text-align:left;cursor:pointer;text-decoration:none;color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-md);box-sizing:border-box;transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile] .support-item:last-child{border-bottom:none}body[data-page=profile] .support-item:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=profile] .support-item--faq{background:var(--color-primary-10)}body[data-page=profile] .support-item--faq:hover{background:var(--color-primary-20)}body[data-page=profile] .support-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile] .support-icon--primary{background:var(--color-primary-10);color:var(--color-primary)}body[data-page=profile] .support-icon--muted{background:var(--color-bg-secondary);color:var(--color-text-muted)}body[data-page=profile] .support-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}body[data-page=profile] .support-label{font-weight:600;font-size:var(--font-size-md);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}body[data-page=profile] .support-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}body[data-page=profile] .support-badge{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background:var(--color-primary-20);padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.04em}body[data-page=profile] .support-hours{background:var(--color-bg);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin:calc(-1 * var(--space-2)) var(--space-4) var(--space-4)}body[data-page=profile] .support-hours-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);margin:0 0 var(--space-1)}body[data-page=profile] .support-hours-body{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}body[data-page=profile-notifications] .app-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}body[data-page=profile-notifications] .notif-page-subtitle{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.5;margin:0}body[data-page=profile-notifications] .notif-req-card,body[data-page=profile-notifications] .notif-toggle-card{padding:0 var(--space-5)}body[data-page=profile-notifications] .notif-req-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}body[data-page=profile-notifications] .notif-lock{color:var(--color-text-muted);flex-shrink:0}body[data-page=profile-notifications] .notif-req-note{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-3) 0}body[data-page=profile-notifications] .notif-save-success{display:none;background:#eaf7ee;color:#1a7a3e;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:600;text-align:center}body[data-page=profile-notifications] .notif-save-success.is-visible{display:block}body[data-page=profile-details] .app-content{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-10)}body[data-page=profile-details] .form-input:disabled{background:var(--color-bg-secondary);color:var(--color-text);opacity:1;cursor:default;-webkit-text-fill-color:var(--color-text)}body[data-page=profile-details] .pd-city-row{display:flex;gap:var(--space-3)}body[data-page=profile-details] .pd-city-field{flex:2}body[data-page=profile-details] .pd-postal-field{flex:1}body[data-page=profile-details] .pd-id-wrap{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);padding:var(--space-4);min-height:52px}body[data-page=profile-details] .pd-id-field{flex:1;font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);min-width:0;overflow:hidden}body[data-page=profile-details] .pd-id-mask{display:inline;color:var(--color-text-muted);letter-spacing:.2em}body[data-page=profile-details] .pd-id-mask.is-hidden{display:none}body[data-page=profile-details] .pd-id-text{display:none;font-weight:600;letter-spacing:.08em}body[data-page=profile-details] .pd-id-text.is-visible{display:inline}body[data-page=profile-details] .pd-id-btn{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;background:var(--color-primary-10);color:var(--color-primary);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background var(--dur-base)}body[data-page=profile-details] .pd-id-btn:hover{background:var(--color-primary-20)}body[data-page=profile-details] .pd-id-btn-icon--hide{display:none}body[data-page=profile-details] .pd-id-countdown{display:none;font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);margin-top:var(--space-2);padding-left:var(--space-1)}body[data-page=profile-details] .pd-id-countdown.is-visible{display:block}body[data-page=profile-details] .pd-id-countdown strong{color:var(--color-primary);font-weight:700}body[data-page=profile-details] .pd-phone-wrap{display:flex;align-items:center;gap:var(--space-2)}body[data-page=profile-details] .pd-phone-wrap .form-input{flex:1}body[data-page=profile-details] .pd-phone-verify{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--color-primary-10);border:none;border-radius:var(--radius-full);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background var(--dur-base)}body[data-page=profile-details] .pd-phone-verify:hover{background:var(--color-primary-20)}body[data-page=profile-details] .pd-edit-note{font-family:var(--font-ui);font-size:var(--font-size-base);color:var(--color-text-muted);padding:var(--space-4) var(--space-4) 0;text-align:center}body[data-page=profile-details] .pd-edit-link{color:var(--color-primary);text-decoration:none;font-weight:600}body[data-page=profile-details] .pd-edit-link:hover{text-decoration:underline}body[data-page=profile-details] #verifyPrompt{text-align:center;padding-top:var(--space-4)}body[data-page=profile-details] .pd-verify-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-primary-10);color:var(--color-primary);margin:0 auto var(--space-4)}body[data-page=profile-details] .pd-verify-body{line-height:1.5;margin-bottom:var(--space-6)}body[data-page=profile-details] .pd-verify-body,body[data-page=profile-details] .pd-verify-cancel{font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text-muted);text-align:center}body[data-page=profile-details] .pd-verify-cancel{display:block;width:100%;background:none;border:none;padding:var(--space-4) 0;cursor:pointer}body[data-page=profile-details] .pd-verify-cancel:hover{color:var(--color-text)}@media (min-width:480px){body[data-page=profile-details] .app-content{padding-left:var(--space-2);padding-right:var(--space-2)}}@media (min-width:768px){body[data-page=profile-details] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-details] .app-content{max-width:520px}}@media (min-width:1280px){body[data-page=profile-details] .app-content{max-width:560px}}body[data-page=profile-support] .app-content{padding:0}body[data-page=profile-support] .support-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:none;border-bottom:1px solid var(--color-border);background:transparent;width:100%;text-align:left;cursor:pointer;text-decoration:none;color:var(--color-text);font-family:var(--font-ui);font-size:var(--font-size-md);box-sizing:border-box;transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .support-item--last,body[data-page=profile-support] .support-item:last-child{border-bottom:none}body[data-page=profile-support] .support-item:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=profile-support] .support-item--faq{background:var(--color-primary-10)}body[data-page=profile-support] .support-item--faq:hover{background:var(--color-primary-20)}body[data-page=profile-support] .support-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile-support] .support-icon--primary{background:var(--color-primary-10);color:var(--color-primary)}body[data-page=profile-support] .support-icon--muted{background:var(--color-bg-secondary);color:var(--color-text-muted)}body[data-page=profile-support] .support-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}body[data-page=profile-support] .support-label{font-weight:600;font-size:var(--font-size-md);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}body[data-page=profile-support] .support-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}body[data-page=profile-support] .support-badge{font-size:var(--font-size-xs);font-weight:700;color:var(--color-primary);background:var(--color-primary-20);padding:1px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.04em}body[data-page=profile-support] .support-chevron{color:var(--color-border);font-size:var(--font-size-xl);flex-shrink:0;line-height:1}body[data-page=profile-support] .support-hours{background:var(--color-bg);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-3) var(--space-4);margin:0 var(--space-4) var(--space-4)}body[data-page=profile-support] .support-hours-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);margin:0 0 var(--space-1)}body[data-page=profile-support] .support-hours-body{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0;line-height:1.5}body[data-page=profile-support] .faq-sheet-intro{font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-5)}body[data-page=profile-support] .faq-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}body[data-page=profile-support] .faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}body[data-page=profile-support] .faq-question{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;color:var(--color-text);transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .faq-question:hover{background:var(--color-bg-secondary)}body[data-page=profile-support] .faq-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform var(--dur-base) var(--ease-standard)}body[data-page=profile-support] .faq-item.is-open .faq-chevron{transform:rotate(180deg)}body[data-page=profile-support] .faq-item.is-open .faq-question{color:var(--color-primary)}body[data-page=profile-support] .faq-answer{max-height:0;overflow:hidden;transition:max-height var(--dur-moderate) var(--ease-standard),padding var(--dur-moderate) var(--ease-standard);padding:0 var(--space-4);font-size:var(--font-size-base);color:var(--color-text-muted);line-height:1.6}body[data-page=profile-support] .faq-item.is-open .faq-answer{max-height:300px;padding:0 var(--space-4) var(--space-4)}body[data-page=profile-support] .faq-still-stuck{text-align:center;padding:var(--space-5) 0;border-top:1px solid var(--color-border)}body[data-page=profile-support] .faq-still-stuck-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}body[data-page=profile-support] .faq-msg-btn{width:100%;padding:var(--space-4);background:var(--color-primary);color:var(--color-bg);font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:700;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-cta);transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .faq-msg-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}body[data-page=profile-support] .faq-msg-btn:active{transform:scale(.98)}body[data-page=profile-support] .faq-fsp-notice{text-align:left;margin-top:var(--space-5)}body[data-page=profile-support] .topic-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}body[data-page=profile-support] .topic-chip{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);font-size:var(--font-size-base);font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard),background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .topic-chip.selected,body[data-page=profile-support] .topic-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}body[data-page=profile-support] .topic-chip.selected{background:var(--color-primary-10)}body[data-page=profile-support] .msg-context-line{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}body[data-page=profile-support] .msg-context-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile-support] .msg-context-value{font-size:var(--font-size-sm);font-weight:700;color:var(--color-primary);background:var(--color-primary-10);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}body[data-page=profile-support] .msg-textarea{width:100%;box-sizing:border-box;min-height:120px;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-family:var(--font-ui);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);resize:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .msg-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(250,69,61,.12)}body[data-page=profile-support] .msg-charcount{text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:var(--space-5)}body[data-page=profile-support] .email-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-3);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .email-option.selected{border-color:var(--color-primary);background:var(--color-primary-10)}body[data-page=profile-support] .email-option-text{font-size:var(--font-size-md);color:var(--color-text)}body[data-page=profile-support] .email-radio{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--dur-fast) var(--ease-standard)}body[data-page=profile-support] .email-option.selected .email-radio{border-color:var(--color-primary);background:var(--color-primary)}body[data-page=profile-support] .email-option.selected .email-radio:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-bg)}body[data-page=profile-support] .email-add-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--color-primary);font-size:var(--font-size-md);font-weight:600;background:none;border:none;cursor:pointer}body[data-page=profile-support] .callback-phone-display{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin:var(--space-2) 0 var(--space-4);color:var(--color-text)}body[data-page=profile-support] .callback-phone-number{font-size:var(--font-size-md);font-weight:700;font-family:var(--font-ui);letter-spacing:.02em}body[data-page=profile-support] .callback-phone-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}body[data-page=profile-support] .callback-edit-link{color:var(--color-primary);text-decoration:none;font-weight:600}body[data-page=profile-support] .callback-edit-link:hover{text-decoration:underline}@media (min-width:768px){body[data-page=profile-support] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-support] .app-content{max-width:520px}}@media (min-width:1280px){body[data-page=profile-support] .app-content{max-width:560px}}body[data-page=profile-security] .app-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-10)}body[data-page=profile-security] .security-action-card,body[data-page=profile-security] .security-card{padding:0;overflow:hidden}body[data-page=profile-security] .security-action-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);text-decoration:none;color:var(--color-text);transition:background var(--dur-fast) var(--ease-standard)}body[data-page=profile-security] .security-action-row:hover{background:var(--color-bg-secondary);text-decoration:none}body[data-page=profile-security] .security-action-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile-security] .security-action-text{flex:1;min-width:0}body[data-page=profile-security] .security-action-label{display:block;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}body[data-page=profile-security] .security-action-meta{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile-security] .security-action-chevron{color:var(--color-border);font-size:var(--font-size-xl);line-height:1}body[data-page=profile-security] .security-save-success{display:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;text-align:center;padding:var(--space-3)}body[data-page=profile-security] .security-save-success.is-visible{display:block}@media (min-width:768px){body[data-page=profile-security] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-security] .app-content{max-width:520px}}body[data-page=profile-payments] .app-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-10)}body[data-page=profile-payments] .pay-debit-card,body[data-page=profile-payments] .pay-products-card{padding:0;overflow:hidden}body[data-page=profile-payments] .pay-debit-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=profile-payments] .pay-debit-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-10);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}body[data-page=profile-payments] .pay-debit-info{flex:1;min-width:0}body[data-page=profile-payments] .pay-debit-bank{display:block;font-size:var(--font-size-md);font-weight:700;color:var(--color-text)}body[data-page=profile-payments] .pay-debit-account{display:block;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);letter-spacing:.08em}body[data-page=profile-payments] .pay-debit-meta{padding:var(--space-3) var(--space-4)}body[data-page=profile-payments] .pay-debit-meta-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}body[data-page=profile-payments] .pay-debit-meta-row:last-child{border-bottom:none}body[data-page=profile-payments] .pay-debit-meta-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}body[data-page=profile-payments] .pay-debit-meta-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}body[data-page=profile-payments] .pay-product-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--color-border)}body[data-page=profile-payments] .pay-product-info{flex:1;min-width:0}body[data-page=profile-payments] .pay-product-name{display:block;font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}body[data-page=profile-payments] .pay-product-policy{display:block;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em}body[data-page=profile-payments] .pay-product-amount{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);white-space:nowrap;flex-shrink:0}body[data-page=profile-payments] .pay-total-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-primary-10)}body[data-page=profile-payments] .pay-total-label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text)}body[data-page=profile-payments] .pay-total-amount{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-.01em}body[data-page=profile-payments] .pay-contact-note{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);color:var(--color-text-muted);flex-shrink:0}body[data-page=profile-payments] .pay-contact-note svg{flex-shrink:0;margin-top:2px;color:var(--color-primary)}body[data-page=profile-payments] .pay-contact-text{font-size:var(--font-size-sm);line-height:1.5;margin:0}body[data-page=profile-payments] .pay-contact-link{color:var(--color-primary);text-decoration:none;font-weight:600}body[data-page=profile-payments] .pay-contact-link:hover{text-decoration:underline}@media (min-width:768px){body[data-page=profile-payments] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-payments] .app-content{max-width:520px}}body[data-page=profile-change-pin] .app-content{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}body[data-page=profile-change-pin] .cp-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}body[data-page=profile-change-pin] .cp-progress-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}body[data-page=profile-change-pin] .cp-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--dur-moderate) var(--ease-spring);width:0}body[data-page=profile-change-pin] .cp-progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;font-family:var(--font-ui)}body[data-page=profile-change-pin] .cp-step{display:none}body[data-page=profile-change-pin] .cp-step.is-active{display:block}body[data-page=profile-change-pin] .cp-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}body[data-page=profile-change-pin] .cp-step-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.25;margin:0 0 var(--space-2)}body[data-page=profile-change-pin] .cp-step-body{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-6)}body[data-page=profile-change-pin] .cp-phone-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);margin-bottom:var(--space-4);color:var(--color-primary)}body[data-page=profile-change-pin] .cp-phone-number{font-family:var(--font-ui);font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}body[data-page=profile-change-pin] .cp-step-disclaimer{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0 0 var(--space-6)}body[data-page=profile-change-pin] .cp-disclaimer-link{color:var(--color-primary);text-decoration:none;font-weight:600}body[data-page=profile-change-pin] .cp-disclaimer-link:hover{text-decoration:underline}body[data-page=profile-change-pin] .cp-otp-error{font-size:var(--font-size-sm);color:var(--color-error);margin:var(--space-2) 0 var(--space-4);min-height:1.25em}body[data-page=profile-change-pin] .cp-pin-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3)}body[data-page=profile-change-pin] .cp-pin-group{display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4)}body[data-page=profile-change-pin] .cp-pin-cell{width:52px;height:56px;text-align:center;font-size:var(--font-size-xl);font-weight:700;font-family:var(--font-ui);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}body[data-page=profile-change-pin] .cp-pin-cell:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}body[data-page=profile-change-pin] .cp-pin-mismatch{font-size:var(--font-size-sm);color:var(--color-error);text-align:center;margin:0 0 var(--space-4);min-height:1.25em}body[data-page=profile-change-pin] .cp-success-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) 0 var(--space-6)}body[data-page=profile-change-pin] .cp-success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);margin-bottom:var(--space-5)}body[data-page=profile-change-pin] .cp-success-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}body[data-page=profile-change-pin] .cp-success-body{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-6)}@media (min-width:768px){body[data-page=profile-change-pin] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-change-pin] .app-content{max-width:520px}}body[data-page=profile-verify-cellphone] .app-content{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}body[data-page=profile-verify-cellphone] .vc-progress{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}body[data-page=profile-verify-cellphone] .vc-progress-bar{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}body[data-page=profile-verify-cellphone] .vc-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--dur-moderate) var(--ease-spring);width:0}body[data-page=profile-verify-cellphone] .vc-progress-label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;font-family:var(--font-ui)}body[data-page=profile-verify-cellphone] .vc-step{display:none}body[data-page=profile-verify-cellphone] .vc-step.is-active{display:block}body[data-page=profile-verify-cellphone] .vc-step-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}body[data-page=profile-verify-cellphone] .vc-step-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.25;margin:0 0 var(--space-2)}body[data-page=profile-verify-cellphone] .vc-step-body{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-6)}body[data-page=profile-verify-cellphone] .vc-current-number{display:flex;flex-direction:column;gap:var(--space-1);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);margin-bottom:var(--space-4)}body[data-page=profile-verify-cellphone] .vc-number-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}body[data-page=profile-verify-cellphone] .vc-number-value{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);font-family:var(--font-ui)}body[data-page=profile-verify-cellphone] .vc-change-link{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-primary);font-weight:600;cursor:pointer;display:block;margin-bottom:var(--space-6)}body[data-page=profile-verify-cellphone] .vc-change-link:hover{text-decoration:underline}body[data-page=profile-verify-cellphone] .vc-cancel-change{background:none;border:none;padding:0;font-size:var(--font-size-sm);color:var(--color-text-muted);cursor:pointer;display:block;margin-bottom:var(--space-6)}body[data-page=profile-verify-cellphone] .vc-cancel-change:hover{color:var(--color-text)}body[data-page=profile-verify-cellphone] .vc-change-form{margin-bottom:var(--space-4)}body[data-page=profile-verify-cellphone] .vc-otp-error{font-size:var(--font-size-sm);color:var(--color-error);margin:var(--space-2) 0 var(--space-4);min-height:1.25em}body[data-page=profile-verify-cellphone] .vc-success-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) 0 var(--space-6)}body[data-page=profile-verify-cellphone] .vc-success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-full);margin-bottom:var(--space-5)}body[data-page=profile-verify-cellphone] .vc-success-title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);margin:0 0 var(--space-2)}body[data-page=profile-verify-cellphone] .vc-success-body{font-size:var(--font-size-md);color:var(--color-text-muted);line-height:1.5;margin:0 0 var(--space-6)}@media (min-width:768px){body[data-page=profile-verify-cellphone] .app-content{max-width:480px;margin:0 auto}}@media (min-width:1024px){body[data-page=profile-verify-cellphone] .app-content{max-width:520px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:var(--dur-instant);animation-iteration-count:1;transition-duration:var(--dur-instant)}}