:root{--account-brand:#128052;--account-brand-dark:#0b5f42;--account-brand-soft:#e7f8ef;--account-ink:#0f172a;--account-muted:#5f6b7a;--account-panel-border:rgba(148,163,184,.16);--account-panel-shadow:0 24px 60px rgba(15,23,42,.08),0 10px 24px rgba(15,23,42,.04)}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}body.account-page{background:#f9fafb;color:var(--account-ink);position:relative}body.account-page:before{display:none}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.account-section-highlight{animation:accountSectionPulse 1.8s ease}@keyframes accountSectionPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.22),0 12px 24px rgba(15,23,42,.08);transform:translateY(-2px)}50%{box-shadow:0 0 0 8px rgba(22,163,74,.08),0 18px 34px rgba(15,23,42,.12)}to{box-shadow:0 0 0 0 rgba(22,163,74,0),0 10px 22px rgba(15,23,42,.06);transform:translateY(0)}}.account-topbar{background:linear-gradient(135deg,var(--account-brand-dark),var(--account-brand));box-shadow:0 12px 26px rgba(11,95,66,.16);position:sticky;top:0;z-index:40}.account-brand-logo{height:54px;object-fit:contain;width:auto}.account-main-shell{position:relative}.account-main-shell:before{display:none}.account-auth-card,.account-section-card,.account-summary-card{background:#fff;border:1px solid var(--account-panel-border);box-shadow:0 16px 38px rgba(15,23,42,.05);overflow:hidden;position:relative}.account-auth-card:before,.account-section-card:before,.account-summary-card:before{background:linear-gradient(90deg,rgba(11,95,66,.9),rgba(34,197,94,.55));content:"";height:3px;left:0;opacity:.85;position:absolute;right:0;top:0}.account-auth-card:after{display:none}.account-auth-card form,.account-section-card>*,.account-summary-card>*{position:relative;z-index:1}#edit-profile-form input,#forgot-pin-form input,#login-form input,#register-form input{background:rgba(248,250,252,.9);border-color:rgba(203,213,225,.9);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.65)}#edit-profile-form input:focus,#forgot-pin-form input:focus,#login-form input:focus,#register-form input:focus{box-shadow:0 0 0 4px rgba(34,197,94,.12)}#login-btn{background:linear-gradient(135deg,var(--account-brand-dark),var(--account-brand));box-shadow:0 12px 22px rgba(18,128,82,.18)}#register-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 22px rgba(37,99,235,.16)}#forgot-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 12px 22px rgba(249,115,22,.16)}.account-hero-card{background:linear-gradient(135deg,#0f6b4b,#128052);border:none;box-shadow:0 20px 42px rgba(11,95,66,.18);overflow:visible}.account-hero-card:before{background:linear-gradient(90deg,hsla(0,0%,100%,.56),hsla(0,0%,100%,.12));bottom:0;height:1px;top:auto}.account-hero-card:after{display:none}.account-hero-card #user-name{color:#fff;font-size:1.35rem;line-height:1.2}.account-hero-card #user-whatsapp{color:rgba(240,253,244,.78)}.account-hero-card>div>div:first-child{background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.18);border-radius:1.25rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14);height:3.5rem;width:3.5rem}.account-hero-card>div>div:first-child svg{color:#fff}.account-hero-card #notification-bell-button,.account-hero-card [data-action=logout],.account-hero-card [data-action=open-edit-profile]{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);box-shadow:none;color:#fff}.account-hero-card #notification-bell-button:hover,.account-hero-card [data-action=open-edit-profile]:hover{background:hsla(0,0%,100%,.18)}.account-hero-card [data-action=logout]{background:rgba(127,29,29,.16);border-color:hsla(0,96%,89%,.18);color:#fee2e2}.account-hero-card [data-action=logout]:hover{background:rgba(127,29,29,.26)}.account-summary-card{background:#fff;border-color:rgba(34,197,94,.15)}.account-summary-icon{align-items:center;background:rgba(18,128,82,.1);border-radius:1rem;color:var(--account-brand);display:inline-flex;height:3rem;justify-content:center;width:3rem}.account-summary-value{font-size:clamp(1.65rem,2.4vw,2.2rem);letter-spacing:-.04em;line-height:1}.account-feature-grid{gap:1rem}#claims-list>*,#notifications-list>*,#order-list>*,#paylater-invoice-list>*,#referral-history-list>*,#reward-items-list>*{background:#f8fafc;border:1px solid rgba(226,232,240,.95);border-radius:1.2rem;box-shadow:none}#notifications-empty,#order-empty,#order-error,#paylater-error,#points-error,#referral-error{backdrop-filter:blur(8px)}#edit-profile-modal>div,#loyalty-modal>div,#notification-detail-modal>div,#order-tracking-modal>div,#paylater-detail-modal>div{border:1px solid rgba(148,163,184,.16);box-shadow:0 22px 54px rgba(15,23,42,.12)}#notification-bell-wrap,#profile-section{overflow:visible}#profile-section{z-index:20}#notification-bell-wrap{isolation:isolate;z-index:80}#notification-dropdown{z-index:121}@media (max-width:639px){#notification-bell-wrap{position:static}#notification-dropdown{border-radius:1.25rem!important;bottom:auto!important;box-shadow:0 24px 64px rgba(0,0,0,.28)!important;left:50%!important;margin-top:0!important;max-height:calc(100dvh - 4rem)!important;max-width:420px!important;overflow-y:auto!important;position:fixed!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 2rem)!important;z-index:121!important}#notification-dropdown,#notification-dropdown *{pointer-events:auto!important}#notification-dropdown-list{max-height:calc(100dvh - 20rem)!important}}#notification-backdrop{background:rgba(0,0,0,.45);display:none;inset:0;pointer-events:none;position:fixed;z-index:118}#notification-backdrop.active{pointer-events:auto}body.account-page{background:linear-gradient(180deg,#f4faf6,#f8fafc 22rem,#f8fafc)}.account-topbar{background:linear-gradient(135deg,#075e42,#128052 58%,#1a9a61);box-shadow:0 10px 30px rgba(7,94,66,.18)}.account-topbar>div{min-height:4.7rem}.account-brand-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));height:44px}.account-main-shell{max-width:1180px;padding-top:2.25rem}.account-auth-card,.account-section-card,.account-summary-card{border-color:rgba(148,163,184,.18);border-radius:1.5rem;box-shadow:0 18px 42px rgba(15,23,42,.065),0 3px 10px rgba(15,23,42,.025)}.account-auth-card{padding:clamp(1.4rem,3vw,2.25rem)}.account-dashboard-layout{display:grid;gap:1.25rem}.account-dashboard-layout>.account-section-card,.account-dashboard-layout>.account-summary-card{margin-bottom:0}.account-hero-card{background:linear-gradient(135deg,#075e42,#128052 62%,#1a9a61);padding:clamp(1.15rem,3vw,1.75rem)}.account-hero-card>div{gap:1rem}.account-hero-card #user-name{letter-spacing:-.02em}#notifications-section,.account-dashboard-layout>.account-section-card,.account-summary-card{padding:clamp(1.15rem,2.5vw,1.6rem)}.account-summary-card .rounded-2xl.border{background:linear-gradient(135deg,#f8fbf9,#f4f8f6);border-color:rgba(226,232,240,.8)}#notifications-section h3,.account-dashboard-layout h3{letter-spacing:-.015em}#claims-list>*,#notifications-list>*,#order-list>*,#paylater-invoice-list>*,#referral-history-list>*,#reward-items-list>*{background:#fbfdfc;border-radius:1rem}.account-auth-card button,.account-auth-card input,.account-dashboard-layout a,.account-dashboard-layout button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.account-auth-card button:hover,.account-dashboard-layout button:hover{transform:translateY(-1px)}@media (min-width:768px){.account-dashboard-layout{gap:1.5rem}.account-dashboard-layout>#notifications-section{padding:1.5rem 1.75rem}}@media (max-width:639px){.account-topbar>div{min-height:4.1rem}.account-brand-logo{height:38px}.account-topbar h1{font-size:1rem}.account-main-shell{padding-left:.85rem;padding-right:.85rem;padding-top:1.25rem}.account-hero-card{border-radius:1.35rem}.account-hero-card>div{align-items:flex-start}.account-hero-card>div>div:last-child{justify-content:flex-end;width:100%}#notifications-section,.account-dashboard-layout>.account-section-card,.account-summary-card{border-radius:1.35rem}}.notifications-extra-collapse{display:grid;grid-template-rows:0fr;margin-top:0;opacity:0;transition:grid-template-rows .32s ease,opacity .24s ease,margin-top .32s ease}.notifications-extra-collapse.is-expanded{grid-template-rows:1fr;margin-top:.75rem;opacity:1}.notifications-extra-inner{min-height:0;overflow:hidden}@media (min-width:768px){.account-brand-logo{height:58px}}@media (max-width:640px){.account-main-shell:before{display:none}}