:root {
  --brand-primary:#164c3b; --brand-primary-dark:#0d3429; --brand-accent:#c8a96b;
  --surface:#fff; --canvas:#f8f7f3; --ink:#172c25; --muted:#6d7974;
  --line:#ebece8; --danger:#a63d3d; --success:#1d7a4e;
}
*{box-sizing:border-box} html{background:var(--canvas)}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit} a{color:inherit}.icon{width:25px;height:25px;flex:0 0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toast-region{position:fixed;top:18px;right:18px;z-index:1200;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.app-toast{padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#1c5944,#154333);color:#fff;font-weight:800;line-height:1.35;box-shadow:0 16px 34px rgba(18,63,46,.25),inset 0 1px rgba(255,255,255,.18);opacity:0;transform:translateY(-8px) scale(.98);transition:opacity .2s ease,transform .2s ease}.app-toast.show{opacity:1;transform:none}.app-toast.error{background:linear-gradient(180deg,#a74444,#7f2f2f)}
.app-shell{width:min(100%,680px);margin:0 auto;padding:0 18px 180px}
.hero{height:342px;margin:0 -18px;padding:30px 30px 112px;color:#fff;background:linear-gradient(145deg,var(--brand-primary-dark),var(--brand-primary));border-radius:0 0 44px 44px;position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:55% 0 55% 0;background:rgba(25,111,72,.18);transform:rotate(-22deg)}
.hero:before{width:240px;height:110px;right:-48px;top:44px}.hero:after{width:190px;height:80px;right:82px;top:108px}
.hero-top,.hero-main{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand-logo{width:auto;max-width:194px;max-height:72px;height:auto;display:block;object-fit:contain}.avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.13);border:2px solid rgba(255,255,255,.82);font-size:1rem;font-weight:850;overflow:hidden}.avatar.has-photo{background:#fff}.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.hero-main{align-items:flex-end;margin-top:38px}.hello{margin:0;font-size:clamp(1.95rem,8vw,2.65rem);line-height:1.03;letter-spacing:-.04em}.hero-copy{margin:11px 0 0;color:#e0ece7;font-size:1rem;line-height:1.45}
.level-pill{min-width:136px;padding:13px 16px;border-radius:22px;background:rgba(10,51,39,.45);border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.level-pill span{display:block;color:#dce8e3;font-size:.74rem}.level-pill strong{display:block;margin-top:3px;font-size:1.25rem;letter-spacing:.01em}
.content-stack{display:grid;gap:24px;margin-top:-78px;position:relative;z-index:2}.card{background:var(--surface);border:1px solid rgba(21,71,54,.055);border-radius:28px;box-shadow:0 15px 42px rgba(15,57,43,.09)}
.progress-card{min-height:218px;padding:30px}.progress-layout{display:grid;grid-template-columns:76px 1fr;gap:22px;align-items:center}.round-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--success);background:#edf7f1}.round-icon .icon{width:42px;height:42px;stroke-width:1.7}
.eyebrow{margin:0;color:var(--muted);font-size:.88rem;font-weight:750}.progress-title{margin:6px 0 0;font-size:clamp(1.55rem,6vw,2rem);line-height:1.1;letter-spacing:-.025em}.progress-title strong{color:var(--brand-primary)}
.progress-numbers{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:22px 0 10px}.progress-count{font-size:1rem;color:var(--muted)}.progress-percent{font-size:1.35rem;font-weight:900;color:var(--success)}
.progress-track{height:14px;border-radius:999px;background:#e1ebe5;overflow:hidden}.progress-fill{display:block;width:var(--progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-primary),#159447)}.progress-copy{margin:12px 0 0;color:var(--muted);font-size:.9rem}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.benefit-grid.benefit-count-1{grid-template-columns:1fr}.benefit-grid.benefit-count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid.benefit-count-3>.coupon-benefit{grid-column:1/-1;min-height:246px}.benefit-card{min-height:326px;padding:25px 22px;display:flex;flex-direction:column}.card-heading{display:flex;align-items:center;gap:12px}.small-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}.small-icon .icon{width:29px;height:29px}.coupon-icon{color:#7034a8;background:#f3ebfa}.cashback-icon{color:#d98700;background:#fff4df}
.card-label{margin:0;color:var(--muted);font-size:.9rem;font-weight:720}.coupon-zone{display:flex;align-items:center;justify-content:center;min-height:76px;margin:25px 0 19px;padding:14px 8px;border:1.5px dashed #a97bc9;border-radius:17px;background:#fdfbff;overflow:hidden}.coupon-code{max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.88rem,4.15vw,1.35rem);font-weight:900;letter-spacing:clamp(0,.18vw,.04em);white-space:nowrap;overflow-x:auto;scrollbar-width:thin;color:#2f2533}
.share-button{min-height:56px;width:100%;margin-top:auto;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#7135aa,#8e2abd);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 10px 22px rgba(116,46,161,.2);transition:transform .15s,filter .15s}.share-button:hover{filter:brightness(1.05)}.share-button:active{transform:scale(.985)}.share-button:disabled{opacity:.65}.share-feedback{display:block;min-height:20px;margin-top:8px;text-align:center;color:var(--muted);font-size:.75rem}
.cashback-card{background:linear-gradient(145deg,#fff,#fffbf2)}.cashback-value{margin:28px 0 4px;color:#de8a00;font-size:clamp(1.5rem,6vw,2.35rem);font-weight:900;letter-spacing:-.04em;white-space:nowrap}.pending-balance{margin-bottom:12px}.cashback-action{margin-top:auto}.cashback-overview{padding:28px}.cashback-overview .cashback-value{margin-top:8px}.cashback-request-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.cashback-request-row:last-child{border-bottom:0}.cashback-request-row p{margin:4px 0 0;color:var(--muted);font-size:.78rem}.app-label{display:block;margin:16px 0 8px;font-size:.84rem;font-weight:800}.app-input{width:100%;min-height:52px;padding:13px;border:1px solid #d8ddd9;border-radius:15px;background:#fff}.cashback-full-divider{display:flex;align-items:center;gap:12px;margin:15px 0;color:var(--muted);font-size:.76rem}.cashback-full-divider:before,.cashback-full-divider:after{content:"";height:1px;background:var(--line);flex:1}.full-width{display:flex;width:100%;align-items:center;justify-content:center}.cashback-card .subtle{margin-top:4px}.subtle{color:var(--muted);font-size:.86rem;line-height:1.4}
.personal-coupon-card{min-height:0;padding:17px 20px}.personal-coupon-copy{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px}.personal-coupon-icon{color:var(--brand-primary);background:#edf5f1}.personal-coupon-code{max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.9rem,3.8vw,1.12rem);overflow-wrap:anywhere}.personal-copy-button{min-height:44px;cursor:pointer}.personal-coupon-card .subtle{margin:3px 0 0}.personal-coupon-card .share-feedback{grid-column:1/-1}
.summary-card{padding:27px 26px}.section-title{margin:0 0 23px;font-size:1.25rem;letter-spacing:-.02em}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr)}.metric{min-width:0;padding:2px 18px;border-right:1px solid var(--line)}.metric:first-child{padding-left:0}.metric:last-child{padding-right:0;border:0}.metric-top{display:flex;align-items:center;gap:9px}.metric-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:var(--success);background:#eef7f1}.metric-icon .icon{width:21px;height:21px}.metric:nth-child(2) .metric-icon{color:#7034a8;background:#f3edfa}.metric:nth-child(3) .metric-icon{color:#d98700;background:#fff4df}.metric-value{font-size:clamp(1rem,4.4vw,1.45rem);font-weight:900;letter-spacing:-.035em;white-space:nowrap}.metric-label{margin:9px 0 0;color:var(--muted);font-size:.74rem;line-height:1.35}
.encourage-card{min-height:94px;padding:21px 24px;display:flex;align-items:center;gap:17px;background:linear-gradient(135deg,#fbfffc,#f3f8f5)}.encourage-card .small-icon{color:var(--success);background:#e8f5ed;flex:0 0 auto}.encourage-card strong{display:block;font-size:1.04rem}.encourage-card p{margin:5px 0 0;color:var(--muted);font-size:.86rem}
.section-card{padding:26px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:5px}.section-head h2{margin:0;font-size:1.22rem}.text-link{color:var(--brand-primary);font-size:.83rem;font-weight:850;text-decoration:none}
.sale{padding:19px 0;border-bottom:1px solid var(--line)}.sale:last-child{border-bottom:0}.sale-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.status{padding:6px 10px;border-radius:999px;font-size:.72rem;font-weight:850}.completed{background:#e0f2e7;color:#17633a}.cancelled{background:#f8e1e1;color:#8b2828}.pending{background:#f5ecd3;color:#795e12}.cashback{color:var(--success);font-weight:850}.muted{color:var(--muted)}
.empty{text-align:center;padding:45px 15px;color:var(--muted)}.empty>.icon{display:block;width:55px;height:55px;margin:0 auto 17px;color:#91a39b}.empty strong{display:block;color:var(--ink);font-size:1rem}.empty p{margin:8px 0 0;font-size:.85rem}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;padding:0 14px calc(8px + env(safe-area-inset-bottom))}.bottom-nav>div{width:min(calc(100% - 8px),650px);min-height:82px;margin:auto;padding:8px 18px;display:grid;grid-template-columns:1fr 1fr 1.16fr 1fr;align-items:center;background:rgba(255,255,255,.97);border:1px solid rgba(15,57,43,.07);border-radius:27px 27px 0 0;box-shadow:0 -8px 35px rgba(15,57,43,.12);backdrop-filter:blur(15px)}
.bottom-nav>div.nav-three{grid-template-columns:repeat(3,1fr)}
.bottom-nav a,.nav-share{min-width:0;min-height:58px;border:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;color:#7e8b86;font-size:.69rem;font-weight:750;cursor:pointer}.bottom-nav a.active{color:var(--brand-primary)}.bottom-nav .icon{width:24px;height:24px}.nav-share{position:relative;color:var(--brand-primary)}.nav-share .nav-share-circle{width:58px;height:58px;margin-top:-31px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#27a341,var(--brand-primary));border:5px solid var(--canvas);box-shadow:0 9px 23px rgba(22,76,59,.28)}.nav-share span:last-child{margin-top:1px}.nav-placeholder{display:none}
.simple-hero{height:214px;padding-top:20px;padding-bottom:52px}.simple-hero .brand-logo{max-width:122px;max-height:50px}.simple-hero .avatar{width:50px;height:50px}.simple-hero .hero-main{margin-top:22px}.simple-hero .hello{font-size:1.55rem}.simple-hero .hero-copy{margin-top:6px;font-size:.82rem}.simple-content{margin-top:-34px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;font-size:.8rem}.button-secondary{min-height:46px;border:0;border-radius:14px;padding:12px 17px;background:#e7efeb;color:var(--brand-primary);font-weight:850;text-decoration:none}.profile-line{padding:17px 0;border-bottom:1px solid var(--line)}.profile-line:last-child{border:0}.profile-photo-editor{display:grid;grid-template-columns:104px 1fr;gap:20px;align-items:center;padding:4px 0 22px;border-bottom:1px solid var(--line)}.profile-photo-preview,.profile-photo-placeholder{width:104px;height:104px;border-radius:50%;object-fit:cover;background:#edf4f0;border:3px solid #fff;box-shadow:0 7px 22px rgba(15,57,43,.12)}.profile-photo-placeholder{display:grid;place-items:center;color:var(--brand-primary);font-size:1.45rem;font-weight:900}.profile-photo-actions form{margin-top:10px}.profile-photo-actions .button-secondary{margin-top:10px;cursor:pointer}.profile-remove{margin-top:8px;padding:0;border:0;background:none;color:var(--danger);font-weight:800;cursor:pointer}.profile-message{padding:11px 13px;border-radius:12px;background:#e7f3ec;color:#175d3b;font-size:.84rem}.profile-password-toggle{cursor:pointer}.profile-password-panel{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfcfa}.profile-password-panel[hidden]{display:none}.profile-password-panel label{display:block;margin:14px 0 8px;font-size:.84rem;font-weight:800}.profile-password-panel label:first-child{margin-top:0}.profile-password-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.profile-password-cancel{min-height:46px;border:0;background:none;color:var(--muted);font-weight:850;cursor:pointer}.file-input{padding:10px;min-height:46px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:26px;background:linear-gradient(155deg,var(--brand-primary-dark) 0 45%,var(--canvas) 45%)}.login-card{width:min(100%,430px);padding:32px;background:#fff;border-radius:31px;box-shadow:0 24px 60px rgba(10,42,32,.2)}.login-logo{width:200px;padding:5px 10px;border-radius:14px;background:var(--brand-primary)}.login-eyebrow{margin:29px 0 7px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.login-card h1{margin:0 0 22px;font-size:2.1rem}.login-card label{display:block;margin:16px 0 8px;font-size:.84rem;font-weight:800}.login-card input{width:100%;min-height:52px;padding:13px;border:1px solid #d8ddd9;border-radius:15px}.login-card .share-button{margin-top:22px;background:var(--brand-primary)}.error{color:var(--danger);font-size:.86rem}
.forgot-link{display:block;margin-top:18px;text-align:center;color:var(--brand-primary);font-size:.9rem;font-weight:750;text-decoration:none}.forgot-link:hover{text-decoration:underline}.recovery-copy{margin:-4px 0 18px;color:var(--muted);line-height:1.55}.recovery-message{padding:14px 16px;border-radius:14px;background:#eef5f1;color:var(--ink);line-height:1.55}.success-message{color:var(--success)}.link-button{text-decoration:none}.recovery-card input{font-size:16px}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand-accent) 72%,white);outline-offset:3px}
@media(max-width:699px){
  .toast-region{top:10px;right:10px;width:calc(100vw - 20px)}
  .app-shell{padding-left:14px;padding-right:14px;padding-bottom:calc(124px + env(safe-area-inset-bottom))}
  .hero{height:auto;min-height:230px;margin:0 -14px;padding:18px 20px 48px;border-radius:0 0 34px 34px;overflow:hidden}
  .hero-top{gap:16px}.brand-logo{max-width:138px;max-height:52px}.avatar{width:60px;height:60px;flex:0 0 60px}
  .hero-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin-top:18px}.hero-main>div{min-width:0}
  .hello{font-size:clamp(1.875rem,8.2vw,2.25rem);overflow-wrap:anywhere}.hero-copy{margin-top:7px;font-size:.88rem;line-height:1.35}
  .level-pill{min-width:108px;padding:10px 12px;border-radius:18px}.level-pill strong{font-size:1.08rem}.level-pill span{font-size:.72rem}
  .content-stack{gap:14px;margin-top:-28px}.card{border-radius:24px;box-shadow:0 10px 30px rgba(15,57,43,.08)}
  .progress-card{min-height:0;padding:18px}.progress-layout{grid-template-columns:50px minmax(0,1fr);gap:13px}.round-icon{width:50px;height:50px}.round-icon .icon{width:28px;height:28px}
  .eyebrow{font-size:.82rem}.progress-title{margin-top:3px;font-size:clamp(1.38rem,6.3vw,1.65rem);line-height:1.08}
  .progress-numbers{margin:14px 0 7px}.progress-count{font-size:.9rem}.progress-percent{font-size:1.18rem}.progress-track{height:10px}.progress-copy{margin-top:9px;font-size:.86rem;line-height:1.35}
  .benefit-grid{gap:12px}.benefit-grid.benefit-count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.benefit-grid.benefit-count-3>.coupon-benefit{grid-column:1/-1;min-height:190px}
  .benefit-card{min-height:240px;padding:17px 15px}.card-heading{gap:9px}.small-icon{width:44px;height:44px}.small-icon .icon{width:24px;height:24px}.card-label{font-size:.82rem}
  .coupon-zone{min-height:58px;margin:16px 0 12px;padding:10px 7px;border-radius:15px}.coupon-code{font-size:clamp(.82rem,4.1vw,1.12rem);white-space:normal;overflow-wrap:anywhere;text-align:center}
  .share-button{min-height:46px;border-radius:14px;font-size:.84rem}.share-feedback{min-height:16px;margin-top:5px}
  .cashback-value{margin:19px 0 3px;font-size:clamp(1.32rem,6.4vw,1.9rem);white-space:normal;overflow-wrap:anywhere}.subtle{font-size:.82rem}
  .summary-card{padding:20px 17px}.section-title{margin-bottom:16px}.metric{padding:2px 9px}.metric-top{display:block}.metric-icon{width:34px;height:34px;margin-bottom:7px}.metric-value{font-size:clamp(.92rem,4.1vw,1.12rem);white-space:normal;overflow-wrap:anywhere}.metric-label{margin-top:7px}
  .encourage-card{min-height:0;padding:17px}.section-card{padding:21px 18px}
  .bottom-nav{padding:0 8px calc(4px + env(safe-area-inset-bottom))}.bottom-nav>div{width:min(100%,650px);min-height:70px;padding:5px 8px;border-radius:23px 23px 0 0}.bottom-nav a,.nav-share{min-height:52px}.nav-share .nav-share-circle{width:52px;height:52px;margin-top:-25px;border-width:4px}.bottom-nav .icon{width:22px;height:22px}
}
@media(max-width:370px){.hero{padding-left:16px;padding-right:16px}.brand-logo{max-width:124px}.avatar{width:56px;height:56px;flex-basis:56px}.hero-main{gap:10px}.level-pill{min-width:96px;padding:9px 10px}.benefit-grid{gap:9px}.benefit-card{padding-left:12px;padding-right:12px}}
@media(max-width:480px){.personal-coupon-card{padding:14px}.personal-coupon-copy{grid-template-columns:minmax(0,1fr) auto;gap:10px}.personal-coupon-copy .card-heading{grid-column:1/-1}.personal-copy-button{padding:10px 13px}}
@media(max-width:350px){.hero-main{grid-template-columns:1fr;align-items:start}.level-pill{width:max-content;max-width:100%}.benefit-grid,.benefit-grid.benefit-count-3{grid-template-columns:1fr}.benefit-card{min-height:210px}.summary-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line);padding:12px 0}.metric:last-child{border-bottom:0}.metric-top{display:flex}.metric-icon{margin-bottom:0}}
@media(min-width:700px){.hero{margin-left:-24px;margin-right:-24px;border-radius:0 0 48px 48px}.app-shell{padding-left:24px;padding-right:24px}}

/* Dashboard high-fidelity refresh — mockup aprovado 2026 */
.dashboard-shell{
  --dash-green:#2f941b;
  --dash-green-bright:#65be20;
  --dash-green-deep:#0b4936;
  --dash-purple:#7523c8;
  --dash-purple-deep:#57139b;
  --dash-orange:#f58f00;
  --dash-shadow:rgba(44,66,34,.12);
  width:min(100%,980px);
  padding-bottom:190px;
  background:
    radial-gradient(circle at 89% 4%,rgba(224,235,130,.18),transparent 24%),
    linear-gradient(180deg,#f8f8ed 0,#fbfaf6 40%,#f8f8f4 100%);
}
.dashboard-hero{
  position:relative;
  min-height:306px;
  margin:0 -18px;
  padding:34px 42px 39px;
  overflow:hidden;
  color:#073b2e;
  isolation:isolate;
  background:
    radial-gradient(circle at 90% 0%,rgba(228,238,133,.72) 0,rgba(228,238,133,.40) 18%,transparent 39%),
    radial-gradient(circle at 12% -5%,rgba(184,216,109,.45) 0,rgba(184,216,109,.18) 29%,transparent 49%),
    linear-gradient(139deg,#f2f6dc 0%,#fbfaef 53%,#edf3ce 100%);
  border-radius:0 0 54px 54px;
  box-shadow:inset 0 -1px rgba(255,255,255,.7);
}
.dashboard-hero:before,.dashboard-hero:after{content:"";position:absolute;z-index:0;pointer-events:none}
.dashboard-hero:before{
  right:-7%;bottom:-31%;width:73%;height:64%;border-radius:50% 0 0 0;
  background:linear-gradient(160deg,rgba(205,225,130,.12),rgba(111,175,54,.22));
  transform:rotate(-8deg);
  box-shadow:-18px -18px 50px rgba(173,204,92,.08);
}
.dashboard-hero:after{
  right:-13%;bottom:-38%;width:76%;height:58%;border-radius:50% 0 0 0;
  background:linear-gradient(162deg,rgba(197,222,118,.10),rgba(132,188,70,.16));
  transform:rotate(-8deg);
}
.dashboard-hero-top{position:relative;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.dashboard-brand{display:flex;align-items:center;min-height:72px}.dashboard-brand .brand-logo{max-width:190px;max-height:80px;filter:drop-shadow(0 5px 11px rgba(49,91,38,.08))}
.dashboard-hero-actions{display:flex;align-items:center;gap:18px}
.dashboard-bell{position:relative;width:50px;height:50px;display:grid;place-items:center;color:#073b2e;filter:drop-shadow(0 3px 2px rgba(255,255,255,.72))}.dashboard-bell .icon{width:32px;height:32px;stroke-width:1.75}.dashboard-bell i{position:absolute;right:4px;top:4px;width:12px;height:12px;border:2.5px solid #f4f6df;border-radius:50%;background:linear-gradient(145deg,#6bc728,#389c18);box-shadow:0 3px 8px rgba(56,126,27,.24),inset 0 1px rgba(255,255,255,.6)}
.dashboard-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff,#f5f7ed);color:var(--brand-primary);border:5px solid #fff;box-shadow:0 12px 26px rgba(22,76,59,.17),0 3px 7px rgba(22,76,59,.09),inset 0 1px rgba(255,255,255,.95);font-size:1.08rem;font-weight:900}.dashboard-avatar.has-photo{background:#fff}.dashboard-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.dashboard-greeting{position:relative;z-index:4;margin-top:34px;max-width:73%}.dashboard-greeting h1{margin:0;color:#073e31;font-size:clamp(2.25rem,5.2vw,3.35rem);line-height:1.01;letter-spacing:-.047em;font-weight:850}.dashboard-greeting p{margin:16px 0 0;color:#435b55;font-size:clamp(1rem,2vw,1.22rem);line-height:1.42}.dashboard-level-chip{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 13px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,249,232,.82));border:1px solid rgba(39,105,61,.10);color:#52705f;font-size:.77rem;box-shadow:0 7px 16px rgba(41,77,52,.08),inset 0 1px rgba(255,255,255,.9)}.dashboard-level-chip strong{color:var(--brand-primary);font-size:.82rem}
.dashboard-botanical{position:absolute;right:1.5%;bottom:-2px;width:42%;max-width:348px;color:#7fab39;z-index:2;transform:rotate(3deg);pointer-events:none;filter:drop-shadow(0 5px 7px rgba(94,136,42,.05))}
.dashboard-content{gap:18px;margin-top:20px}
.dashboard-content>.card,.dashboard-mobile-grid>.dashboard-personal-coupon,.dashboard-benefit-card{
  border:1px solid rgba(255,255,255,.82);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(253,253,248,.98));
  box-shadow:
    0 24px 48px rgba(54,70,36,.105),
    0 8px 18px rgba(54,70,36,.055),
    0 2px 4px rgba(54,70,36,.035),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(214,221,201,.25);
}
.dashboard-benefit-grid{gap:20px}.dashboard-benefit-grid.benefit-count-3>.coupon-benefit{grid-column:1/-1}.dashboard-benefit-card{min-height:350px;padding:29px 29px 27px;position:relative;overflow:hidden}
.dashboard-benefit-card:before,.performance-card:before,.dashboard-personal-coupon:before,.recent-history-card:before{content:"";position:absolute;left:4%;right:4%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);pointer-events:none}
.dashboard-benefit-card .card-heading{gap:17px}.dashboard-benefit-card .card-label{color:#102f27;font-size:1.13rem;font-weight:850;letter-spacing:-.018em}.dashboard-benefit-card .small-icon{width:66px;height:66px;position:relative;overflow:hidden;box-shadow:0 11px 22px rgba(51,83,38,.12),0 3px 7px rgba(51,83,38,.06),inset 0 2px rgba(255,255,255,.82),inset 0 -3px rgba(70,92,50,.05)}.dashboard-benefit-card .small-icon:after,.performance-metric .metric-icon:after{content:"";position:absolute;left:14%;top:8%;width:62%;height:34%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0));transform:rotate(-10deg);pointer-events:none}.dashboard-benefit-card .small-icon .icon{position:relative;z-index:1;width:32px;height:32px;stroke-width:1.85}.dashboard-coupon-card .coupon-icon{color:#6321b2;background:radial-gradient(circle at 35% 25%,#faf5ff 0,#f1e5ff 42%,#e5d3fb 100%)}.dashboard-discount-card .personal-coupon-icon{color:#22851d;background:radial-gradient(circle at 35% 25%,#fbfff4 0,#eff7e4 44%,#e1eed1 100%)}
.dashboard-coupon-card{background:linear-gradient(156deg,#fff 0%,#fff 72%,#fcf8ff 100%)}
.dashboard-coupon-zone{min-height:112px;margin:26px 0 24px;border:2px dashed #8c49de;border-radius:25px;background:linear-gradient(180deg,#fff,#fefcff);box-shadow:inset 0 2px 4px rgba(87,19,155,.025),0 1px 0 rgba(255,255,255,.9)}.dashboard-coupon-zone .coupon-code{color:#5d13a8;font-size:clamp(1.45rem,3.4vw,2.12rem);letter-spacing:.018em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:900}
.dashboard-share-button{
  position:relative;isolation:isolate;overflow:hidden;min-height:76px;border-radius:27px;
  background:
    radial-gradient(circle at 50% -10%,rgba(195,117,255,.62),transparent 44%),
    linear-gradient(180deg,#8b34d6 0%,#7622c5 48%,#5b119f 100%);
  border:1px solid rgba(107,27,181,.8);
  box-shadow:
    0 18px 28px rgba(100,29,162,.31),
    0 7px 12px rgba(85,18,148,.23),
    inset 0 2px 1px rgba(255,255,255,.34),
    inset 0 -6px 11px rgba(59,8,111,.22),
    inset 1px 0 rgba(255,255,255,.10),inset -1px 0 rgba(55,7,101,.10);
  font-size:1.14rem;font-weight:850;text-shadow:0 1px 1px rgba(59,8,111,.22);
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
.dashboard-share-button:before{content:"";position:absolute;z-index:-1;left:6%;right:6%;top:2px;height:42%;border-radius:25px 25px 48% 48%;background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0));pointer-events:none}.dashboard-share-button .icon{width:31px;height:31px;filter:drop-shadow(0 2px 2px rgba(55,7,101,.2))}.dashboard-share-button:hover{transform:translateY(-2px);filter:saturate(1.04) brightness(1.02);box-shadow:0 22px 32px rgba(100,29,162,.34),0 9px 14px rgba(85,18,148,.23),inset 0 2px 1px rgba(255,255,255,.37),inset 0 -6px 11px rgba(59,8,111,.22)}.dashboard-share-button:active{transform:translateY(2px) scale(.995);box-shadow:0 10px 18px rgba(100,29,162,.25),0 3px 7px rgba(85,18,148,.18),inset 0 1px rgba(255,255,255,.25),inset 0 -3px 8px rgba(59,8,111,.26)}
.dashboard-discount-card{background:linear-gradient(148deg,#fff 0%,#fffefa 72%,#fbfbf3 100%)}.dashboard-discount-value{margin:31px 0 3px;color:var(--dash-orange);font-size:clamp(4rem,8vw,5.75rem);line-height:.88;font-weight:920;letter-spacing:-.065em;text-shadow:0 2px 0 rgba(255,255,255,.96),0 5px 13px rgba(244,143,0,.10)}.dashboard-discount-card>.subtle{margin:17px 0 0;color:#324b43;font-size:1rem}.discount-guidance{min-height:68px;margin-top:auto;padding:14px 19px;border:1px solid rgba(123,162,61,.07);border-radius:25px;display:flex;align-items:center;gap:15px;background:linear-gradient(180deg,#f7faef 0%,#edf4dd 100%);color:#243f38;font-size:.96rem;box-shadow:0 7px 16px rgba(88,112,48,.07),inset 0 2px rgba(255,255,255,.92),inset 0 -2px 5px rgba(116,144,66,.035)}.discount-guidance .icon{width:30px;height:30px;color:#2b8c21;filter:drop-shadow(0 2px 2px rgba(45,117,28,.10))}
.dashboard-personal-coupon{position:relative;overflow:hidden;padding:21px 28px}.dashboard-personal-coupon .personal-coupon-copy{grid-template-columns:minmax(0,1fr) auto auto;gap:25px}.dashboard-personal-coupon .card-heading{gap:18px}.dashboard-personal-coupon .small-icon{width:58px;height:58px;background:radial-gradient(circle at 34% 25%,#fbfff4,#eff7e4 48%,#e4efd4);box-shadow:0 10px 20px rgba(53,94,36,.10),inset 0 2px rgba(255,255,255,.9)}.dashboard-personal-coupon .small-icon .icon{width:31px;height:31px}.dashboard-personal-coupon .card-label{color:#143a30;font-size:1.05rem;font-weight:850}.dashboard-personal-coupon .subtle{font-size:.88rem;color:#53645e}.dashboard-personal-coupon .personal-coupon-code{color:#27811f;font-size:clamp(1.05rem,2.8vw,1.35rem);font-weight:950;letter-spacing:-.025em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap}
.dashboard-personal-coupon .personal-copy-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;min-width:145px;min-height:58px;padding:0 20px;border:1.7px solid #2e8c24;background:linear-gradient(180deg,#fff 0%,#fbfef8 54%,#eef7e7 100%);color:#27831e;border-radius:21px;font-size:1rem;font-weight:850;box-shadow:0 9px 18px rgba(44,121,30,.11),0 3px 5px rgba(44,121,30,.07),inset 0 2px rgba(255,255,255,1),inset 0 -3px 7px rgba(60,139,39,.055);transition:transform .15s ease,box-shadow .15s ease}.dashboard-personal-coupon .personal-copy-button:before{content:"";position:absolute;left:9%;right:9%;top:2px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,0));pointer-events:none}.dashboard-personal-coupon .personal-copy-button .icon{width:25px;height:25px}.dashboard-personal-coupon .personal-copy-button:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(44,121,30,.14),0 4px 6px rgba(44,121,30,.08),inset 0 2px #fff,inset 0 -3px 7px rgba(60,139,39,.055)}.dashboard-personal-coupon .personal-copy-button:active{transform:translateY(2px);box-shadow:0 4px 9px rgba(44,121,30,.10),inset 0 1px #fff,inset 0 -2px 5px rgba(60,139,39,.08)}
.performance-card{position:relative;overflow:hidden;padding:29px 31px 25px;background:linear-gradient(145deg,#fff 0%,#fff 67%,#fbfcf4 100%)}.performance-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.performance-heading>.icon{color:#4da722;width:31px;height:31px;filter:drop-shadow(0 3px 3px rgba(76,151,30,.12))}.performance-heading h2{margin:0;font-size:1.36rem;letter-spacing:-.03em;color:#11372d}
.performance-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(210px,.78fr);align-items:end;gap:24px}.performance-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.performance-metric{position:relative;min-height:122px;padding:18px 17px;border:1px solid rgba(255,255,255,.62);border-radius:22px;display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,#f4f8e7,#eef4da);box-shadow:0 10px 21px rgba(83,106,49,.075),inset 0 2px rgba(255,255,255,.84),inset 0 -2px 5px rgba(116,144,66,.035)}.performance-metric:nth-child(2){background:linear-gradient(145deg,#f7effe,#eee1fb)}.performance-metric:nth-child(3){grid-column:1/-1;background:linear-gradient(145deg,#fff8e9,#fff2d9)}.performance-metric .metric-icon{position:relative;overflow:hidden;width:58px;height:58px;margin:0;border-radius:17px;flex:0 0 auto;background:radial-gradient(circle at 30% 20%,#92e557 0,#55c528 45%,#17942c 100%);color:#fff;border:1px solid rgba(34,137,38,.25);box-shadow:0 10px 17px rgba(38,139,42,.24),0 3px 5px rgba(33,115,33,.16),inset 0 2px rgba(255,255,255,.50),inset 0 -5px 9px rgba(4,101,25,.17)}.performance-metric:nth-child(2) .metric-icon{background:radial-gradient(circle at 30% 20%,#cc7cff 0,#9a3ce8 43%,#6519b3 100%);border-color:rgba(102,25,179,.25);box-shadow:0 10px 17px rgba(103,29,174,.24),0 3px 5px rgba(87,18,148,.14),inset 0 2px rgba(255,255,255,.48),inset 0 -5px 9px rgba(65,10,123,.17)}.performance-metric:nth-child(3) .metric-icon{background:radial-gradient(circle at 30% 20%,#ffd16b 0,#ffb02f 43%,#df8100 100%);border-color:rgba(211,121,0,.25);box-shadow:0 10px 17px rgba(211,121,0,.20),0 3px 5px rgba(164,91,0,.12),inset 0 2px rgba(255,255,255,.5),inset 0 -5px 9px rgba(167,91,0,.14)}.performance-metric .metric-icon .icon{position:relative;z-index:1;width:30px;height:30px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.12))}.performance-metric .metric-label{margin:0 0 7px;font-size:.83rem;color:#56665f}.performance-metric .metric-value{display:block;color:#267f1d;font-size:clamp(1.35rem,3vw,1.78rem);font-weight:900}.performance-metric:nth-child(2) .metric-value{color:#5d159c}.performance-metric:nth-child(3) .metric-value{color:#c97900}
.performance-visual{position:relative;height:190px;color:#59aa19}.performance-visual svg.performance-arrow{position:absolute;inset:0 0 auto auto;width:100%;height:100%;filter:drop-shadow(0 10px 8px rgba(63,116,20,.20))}.performance-bar{position:absolute;bottom:8px;width:37px;border:1px solid rgba(80,122,30,.18);border-radius:7px 7px 4px 4px;background:linear-gradient(90deg,#82a92d 0%,#bcd95b 52%,#d8ed85 100%);box-shadow:7px 9px 14px rgba(79,112,31,.16),inset 3px 0 4px rgba(255,255,255,.34),inset -4px 0 5px rgba(74,107,25,.10)}.performance-bar:before{content:"";position:absolute;left:5px;top:3px;bottom:7px;width:5px;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.50),rgba(255,255,255,.04))}.bar-1{height:53px;left:17%}.bar-2{height:86px;left:41%}.bar-3{height:121px;left:66%}.performance-spark{position:absolute;color:#dce886;font-size:24px;text-shadow:0 4px 8px rgba(125,155,50,.12)}.spark-1{right:0;top:13px}.spark-2{right:13px;top:42px;font-size:13px}.performance-leaf{position:absolute;right:-7px;bottom:-6px;width:74px;height:74px;color:#559d24;opacity:.88;filter:drop-shadow(0 5px 5px rgba(76,122,35,.12))}
.performance-link{position:relative;min-height:66px;margin-top:21px;padding:0 21px;border:1px solid rgba(119,157,59,.07);border-radius:23px;display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#f8faef,#eff5df);color:#247c1d;text-decoration:none;font-weight:850;box-shadow:0 8px 17px rgba(83,106,49,.07),inset 0 2px rgba(255,255,255,.92),inset 0 -2px 5px rgba(116,144,66,.035);transition:transform .15s ease,box-shadow .15s ease}.performance-link .icon{width:26px;height:26px}.performance-link .icon:last-child{margin-left:auto;width:20px}.performance-link:hover{transform:translateY(-2px);box-shadow:0 11px 21px rgba(83,106,49,.09),inset 0 2px rgba(255,255,255,.94)}.performance-link:active{transform:translateY(1px);box-shadow:0 4px 10px rgba(83,106,49,.06),inset 0 1px rgba(255,255,255,.9)}
.dashboard-encourage{margin:0}
.recent-history-card{position:relative;overflow:hidden;padding:20px 26px 18px}.recent-history-head{margin-bottom:6px}.recent-history-title{display:flex;align-items:center;gap:10px}.recent-history-title>.icon{width:25px;height:25px;color:#3d9a25;filter:drop-shadow(0 2px 2px rgba(57,133,33,.1))}.recent-history-title h2{margin:0;font-size:1.1rem}.recent-history-head .text-link{display:flex;align-items:center;gap:4px;color:#287f21;font-size:.86rem}.recent-history-head .text-link .icon{width:18px;height:18px}
.recent-sale{min-height:60px;display:grid;grid-template-columns:1.05fr 1fr auto 1fr 26px;align-items:center;gap:12px;padding:11px 7px;border-top:1px solid rgba(223,229,217,.72);font-size:.86rem}.recent-sale-date{color:#263f38}.recent-sale-amount{text-align:center;color:#2b8122;font-size:.9rem}.recent-sale .status{justify-self:center;padding:7px 13px;box-shadow:inset 0 1px rgba(255,255,255,.72)}.recent-sale .cashback,.recent-sale>.muted{text-align:right}.recent-sale-go{display:grid;place-items:center;color:#2a8423}.recent-sale-go .icon{width:20px;height:20px}
.dashboard-empty{padding:30px 12px;text-align:center;color:var(--muted)}.dashboard-empty>span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 11px;border-radius:50%;background:linear-gradient(145deg,#f4f9ec,#e9f2df);color:#4b9d2f;box-shadow:0 8px 17px rgba(73,118,44,.09),inset 0 1px #fff}.dashboard-empty strong{display:block;color:var(--ink)}.dashboard-empty p{margin:6px 0 0;font-size:.82rem}
.bottom-nav{padding:0 18px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.bottom-nav>div{width:min(calc(100% - 12px),950px);min-height:102px;padding:10px 28px;border:1px solid rgba(255,255,255,.92);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(251,252,248,.975));box-shadow:0 -7px 34px rgba(31,61,42,.09),0 12px 30px rgba(31,61,42,.13),inset 0 1px rgba(255,255,255,1),inset 0 -1px rgba(211,220,207,.35);pointer-events:auto;backdrop-filter:blur(18px)}.bottom-nav a,.nav-share{position:relative;color:#687671;font-size:.79rem;font-weight:500}.bottom-nav a .icon{width:29px;height:29px}.bottom-nav a.active{color:#319215;font-weight:800}.bottom-nav a.active:after{content:"";position:absolute;left:27%;right:27%;bottom:-11px;height:5px;border-radius:5px;background:linear-gradient(180deg,#3ca61b,#208711);box-shadow:0 2px 5px rgba(45,138,20,.20)}.nav-share{color:#65736f}.nav-share .nav-share-circle{position:relative;overflow:hidden;width:82px;height:82px;margin-top:-46px;background:radial-gradient(circle at 36% 24%,#9bdd50 0%,#6bc22a 38%,#3e9f18 75%,#2b8610 100%);border:6px solid #fbfcf5;box-shadow:0 16px 28px rgba(74,145,30,.32),0 5px 9px rgba(55,119,22,.22),0 0 0 1px rgba(73,133,35,.15),inset 0 3px 2px rgba(255,255,255,.52),inset 0 -7px 11px rgba(32,111,9,.20);transition:transform .15s ease,box-shadow .15s ease}.nav-share .nav-share-circle:before{content:"";position:absolute;left:14%;right:14%;top:8%;height:39%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0));pointer-events:none}.nav-share .nav-share-circle .icon{position:relative;z-index:1;width:33px;height:33px;filter:drop-shadow(0 2px 2px rgba(29,96,10,.18))}.nav-share:hover .nav-share-circle{transform:translateY(-2px);box-shadow:0 19px 31px rgba(74,145,30,.35),0 6px 10px rgba(55,119,22,.22),0 0 0 1px rgba(73,133,35,.15),inset 0 3px 2px rgba(255,255,255,.55),inset 0 -7px 11px rgba(32,111,9,.20)}.nav-share:active .nav-share-circle{transform:translateY(2px);box-shadow:0 9px 17px rgba(74,145,30,.28),0 3px 6px rgba(55,119,22,.18),inset 0 2px 1px rgba(255,255,255,.4),inset 0 -4px 8px rgba(32,111,9,.22)}
@media(max-width:699px){
  .dashboard-shell{padding-left:14px;padding-right:14px;padding-bottom:calc(150px + env(safe-area-inset-bottom))}
  .dashboard-hero{min-height:268px;margin:0 -14px;padding:22px 21px 31px;border-radius:0 0 38px 38px}
  .dashboard-brand .brand-logo{max-width:150px;max-height:62px}.dashboard-avatar{width:65px;height:65px;border-width:4px}.dashboard-bell{width:42px;height:42px}.dashboard-bell .icon{width:28px;height:28px}.dashboard-bell i{width:10px;height:10px}
  .dashboard-greeting{margin-top:30px;max-width:81%}.dashboard-greeting h1{font-size:clamp(1.95rem,8.5vw,2.5rem)}.dashboard-greeting p{margin-top:11px;font-size:.92rem}.dashboard-botanical{width:50%;right:-5%;bottom:-3px}
  .dashboard-content{margin-top:15px;gap:14px}.dashboard-benefit-grid{gap:13px}.dashboard-content>.card,.dashboard-mobile-grid>.dashboard-personal-coupon,.dashboard-benefit-card{border-radius:26px;box-shadow:0 16px 34px rgba(54,70,36,.095),0 5px 12px rgba(54,70,36,.045),inset 0 1px rgba(255,255,255,.98)}.dashboard-benefit-card{min-height:258px;padding:20px 17px}.dashboard-benefit-card .card-heading{gap:11px}.dashboard-benefit-card .card-label{font-size:.94rem}.dashboard-benefit-card .small-icon{width:52px;height:52px}.dashboard-benefit-card .small-icon .icon{width:27px;height:27px}.dashboard-coupon-zone{min-height:78px;margin:19px 0 16px;border-radius:19px}.dashboard-coupon-zone .coupon-code{font-size:clamp(1.14rem,5vw,1.55rem)}.dashboard-share-button{min-height:56px;border-radius:20px;font-size:.91rem;box-shadow:0 12px 20px rgba(100,29,162,.27),0 5px 9px rgba(85,18,148,.19),inset 0 2px 1px rgba(255,255,255,.30),inset 0 -4px 8px rgba(59,8,111,.20)}.dashboard-share-button .icon{width:26px;height:26px}.dashboard-discount-value{margin-top:25px;font-size:clamp(3rem,13vw,4rem)}.dashboard-discount-card>.subtle{margin-top:12px;font-size:.88rem}.discount-guidance{min-height:54px;padding:11px 13px;border-radius:19px;font-size:.82rem}.discount-guidance .icon{width:26px;height:26px}
  .dashboard-personal-coupon{padding:16px}.dashboard-personal-coupon .personal-coupon-copy{grid-template-columns:minmax(0,1fr) auto;gap:11px}.dashboard-personal-coupon .card-heading{grid-column:1/-1;gap:11px}.dashboard-personal-coupon .small-icon{width:48px;height:48px}.dashboard-personal-coupon .small-icon .icon{width:26px;height:26px}.dashboard-personal-coupon .personal-coupon-code{font-size:.96rem;white-space:normal;overflow-wrap:anywhere}.dashboard-personal-coupon .personal-copy-button{min-width:102px;min-height:48px;padding:0 13px;border-radius:17px;font-size:.86rem}
  .performance-card{padding:21px 18px}.performance-heading{margin-bottom:16px}.performance-heading h2{font-size:1.18rem}.performance-layout{grid-template-columns:minmax(0,1.55fr) minmax(120px,.72fr);gap:11px}.performance-metrics{gap:9px}.performance-metric{min-height:96px;padding:12px 10px;gap:9px;border-radius:18px}.performance-metric .metric-icon{width:42px;height:42px;border-radius:13px}.performance-metric .metric-icon .icon{width:23px;height:23px}.performance-metric .metric-label{font-size:.72rem}.performance-metric .metric-value{font-size:1.06rem}.performance-visual{height:139px}.performance-bar{width:26px}.bar-1{height:38px}.bar-2{height:62px}.bar-3{height:88px}.performance-leaf{width:50px;height:50px}.performance-link{min-height:53px;margin-top:14px;border-radius:18px;padding:0 15px;font-size:.87rem}
  .recent-history-card{padding:17px 16px}.recent-sale{grid-template-columns:1fr .9fr auto .9fr 18px;gap:7px;font-size:.75rem}.recent-sale .status{padding:5px 8px;font-size:.65rem}
  .bottom-nav{padding-left:8px;padding-right:8px;padding-bottom:calc(7px + env(safe-area-inset-bottom))}.bottom-nav>div{width:min(100%,700px);min-height:82px;padding:7px 10px;border-radius:25px}.bottom-nav a,.nav-share{font-size:.69rem}.bottom-nav a .icon{width:23px;height:23px}.bottom-nav a.active:after{bottom:-7px;height:4px}.nav-share .nav-share-circle{width:62px;height:62px;margin-top:-31px;border-width:5px}.nav-share .nav-share-circle .icon{width:27px;height:27px}
}
@media(max-width:520px){
  .dashboard-benefit-grid,.dashboard-benefit-grid.benefit-count-3{grid-template-columns:1fr}
  .dashboard-benefit-card{min-height:226px}.dashboard-discount-card{min-height:246px}
  .performance-layout{grid-template-columns:1fr}.performance-visual{display:none}.performance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-metric:nth-child(3){grid-column:1/-1}
}
@media(max-width:390px){
  .dashboard-greeting{max-width:90%}.dashboard-botanical{opacity:.55}.dashboard-hero-actions{gap:7px}.dashboard-bell{display:none}
  .recent-sale{grid-template-columns:1fr auto auto}.recent-sale-amount{display:none}.recent-sale .cashback,.recent-sale>.muted{display:none}
}

/* Partner home: shared responsive web layout (Android, iOS and browsers). */
.dashboard-mobile-grid{display:contents}
.bottom-nav a.nav-performance,.nav-share-unavailable{display:none}
@media(max-width:699px){
  .app-shell{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
  .dashboard-shell{padding:0 12px calc(130px + env(safe-area-inset-bottom,0px))}
  .dashboard-hero{min-height:0;margin:0;padding:20px 15px 18px;border-radius:0 0 24px 24px}
  .dashboard-brand .brand-logo{max-width:112px;max-height:46px}
  .dashboard-avatar{width:44px;height:44px;border-width:2px;font-size:.85rem}
  .dashboard-hero-actions{gap:12px}.dashboard-bell{display:flex;width:32px;height:38px}.dashboard-bell .icon{width:23px;height:23px}
  .dashboard-greeting{margin-top:16px;max-width:100%;position:relative;z-index:1}
  .dashboard-greeting h1{min-width:0;font-size:clamp(1.35rem,5.1vw,1.8rem);line-height:1.15;overflow-wrap:break-word;word-break:normal;hyphens:none}
  .dashboard-greeting h1.partner-name-long{font-size:clamp(1.22rem,4.7vw,1.62rem)}
  .dashboard-greeting h1.partner-name-xlong{font-size:clamp(1.08rem,4.25vw,1.48rem);line-height:1.2}
  .dashboard-greeting p{font-size:.85rem;line-height:1.35;margin:6px 0 0}
  .dashboard-level-chip{margin-top:8px;padding:4px 9px;font-size:.7rem}
  .dashboard-botanical{width:39%;opacity:.4}
  .dashboard-content{margin-top:10px;gap:10px}
  .dashboard-content>.progress-card,.dashboard-content>.performance-card,.dashboard-content>.recent-history-card,.dashboard-content>.dashboard-encourage{display:none}
  .dashboard-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
  .dashboard-mobile-grid .dashboard-benefit-grid{display:contents}
  .dashboard-mobile-grid .benefit-card{position:relative;min-width:0;min-height:0;margin:0;padding:12px 10px;border-radius:19px;background:#fff;box-shadow:0 8px 24px rgba(31,61,42,.07);overflow-wrap:break-word;word-break:normal}
  .dashboard-mobile-grid .dashboard-benefit-grid>.dashboard-coupon-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}
  .dashboard-coupon-card>.card-heading{grid-column:1/-1}
  .dashboard-mobile-grid .card-heading{gap:8px;align-items:center;margin:0 0 8px;min-width:0}
  .dashboard-mobile-grid .card-label{font-size:clamp(.73rem,2.8vw,.87rem);line-height:1.25;letter-spacing:-.025em;margin:0}
  .dashboard-mobile-grid .small-icon{width:32px;height:32px;min-width:32px;flex:0 0 32px;border-radius:50%;box-shadow:0 5px 12px rgba(31,61,42,.08)}
  .dashboard-mobile-grid .small-icon .icon{width:19px;height:19px}
  .dashboard-mobile-grid .cashback-value{min-width:0;margin:3px 0 0;font-size:clamp(1.25rem,5.6vw,1.7rem);line-height:1.15;letter-spacing:-.04em;color:#ff7900;white-space:nowrap;overflow-wrap:normal;word-break:normal}
  .dashboard-mobile-grid .cashback-value.money-size-long{font-size:clamp(1.05rem,4.8vw,1.45rem)}
  .dashboard-mobile-grid .cashback-value.money-size-xlong{font-size:clamp(.88rem,4vw,1.22rem);letter-spacing:-.055em}
  .dashboard-mobile-grid .dashboard-discount-value{font-size:clamp(1.9rem,8vw,2.5rem)}
  .dashboard-mobile-grid .subtle{margin:5px 0 0;font-size:.7rem;line-height:1.35}
  .dashboard-coupon-card .dashboard-coupon-zone{min-width:0;min-height:48px;margin:0;padding:8px 5px;border-radius:13px;display:grid;place-items:center}
  .dashboard-coupon-card .coupon-code{display:block;min-width:0;max-width:100%;font-size:clamp(1.1rem,5.5vw,1.65rem);white-space:nowrap;overflow-wrap:normal;word-break:normal;line-height:1.15;text-align:center}
  .dashboard-coupon-card .coupon-code.coupon-size-medium{font-size:clamp(1rem,4.9vw,1.45rem)}
  .dashboard-coupon-card .coupon-code.coupon-size-long{font-size:clamp(.78rem,3.6vw,1.08rem);letter-spacing:-.025em}
  .dashboard-coupon-card .coupon-code.coupon-size-xlong{font-size:clamp(.72rem,3.25vw,.96rem);letter-spacing:-.035em}
  .dashboard-mobile-grid .dashboard-coupon-card.coupon-layout-xlong{grid-template-columns:1fr}
  .dashboard-coupon-card.coupon-layout-xlong>.card-heading,.dashboard-coupon-card.coupon-layout-xlong>.share-feedback,.dashboard-coupon-card.coupon-layout-xlong>.muted{grid-column:1}
  .dashboard-coupon-card.coupon-layout-xlong .dashboard-coupon-zone,.dashboard-coupon-card.coupon-layout-xlong .dashboard-share-button{width:100%}
  .dashboard-coupon-card .dashboard-share-button{min-width:112px;min-height:48px;margin:0;padding:8px 10px;gap:5px;border-radius:14px;font-size:clamp(.6875rem,2.6vw,.87rem);line-height:1.2;font-weight:650;box-shadow:0 8px 17px rgba(100,29,162,.23)}
  .dashboard-coupon-card .dashboard-share-button span{overflow-wrap:normal;word-break:normal;hyphens:none;text-align:center;min-width:min-content}
  .dashboard-share-button .icon{width:21px;height:21px}.dashboard-share-button span{min-width:0}
  .dashboard-coupon-card>.share-feedback:empty,.dashboard-personal-coupon>.share-feedback:empty{display:none}
  .dashboard-coupon-card>.share-feedback,.dashboard-coupon-card>.muted{grid-column:1/-1;margin:0;font-size:.72rem}
  /* Preserve the existing links and their action labels, including pending states. */
  .dashboard-mobile-grid .benefit-card:not(.dashboard-coupon-card)>a{min-height:44px;margin:5px 0 0;padding:6px 0;border:0;background:none;box-shadow:none;color:var(--brand-primary);font-size:.73rem;justify-content:space-between}
  .dashboard-mobile-grid .benefit-card:not(.dashboard-coupon-card)>a:after{content:'›';font-size:1.35rem;margin-left:5px}
  .dashboard-mobile-grid .discount-guidance{min-height:0;padding:0;margin:7px 0 0;background:none;box-shadow:none;border:0;font-size:.68rem;line-height:1.3;gap:5px}
  .dashboard-mobile-grid .discount-guidance .icon{width:16px;height:16px}
  .dashboard-personal-coupon .personal-coupon-copy{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0}
  .dashboard-personal-coupon .card-heading{order:0}.dashboard-personal-coupon .card-heading .subtle{display:none}
  .dashboard-personal-coupon .personal-coupon-code{order:1;display:block;min-width:0;max-width:100%;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(.78rem,3.25vw,1rem);line-height:1.2;margin:3px 0 5px;color:var(--brand-primary)}
  .dashboard-personal-coupon .personal-coupon-code.personal-size-long{font-size:clamp(.66rem,2.75vw,.84rem);letter-spacing:-.035em}
  .dashboard-personal-coupon .personal-coupon-code.personal-size-xlong{font-size:clamp(.55rem,2.4vw,.72rem);letter-spacing:-.055em}
  .dashboard-personal-coupon .personal-copy-button{order:2;align-self:flex-end;min-width:0;min-height:44px;padding:5px 10px;margin:0;border-radius:12px;font-size:.73rem;gap:5px}
  .dashboard-personal-coupon .personal-copy-button .icon{width:17px;height:17px}
  .bottom-nav>div,.bottom-nav>div.nav-three{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.16fr) repeat(2,minmax(0,1fr));padding:7px 4px;min-height:74px}
  .bottom-nav a.nav-performance,.nav-share-unavailable{display:flex}
  .bottom-nav a,.bottom-nav .nav-share{font-size:clamp(.56rem,2.35vw,.68rem);min-height:52px;gap:4px;letter-spacing:-.02em}
  .bottom-nav a.active{color:var(--brand-primary)}.bottom-nav a.active:after{background:var(--brand-primary)}
  .nav-share .nav-share-circle{width:58px;height:58px;margin-top:-29px;background:radial-gradient(circle at 36% 24%,#9bdd50,var(--brand-primary));border-width:4px}
  .nav-share-unavailable{opacity:.5;cursor:default}
  .bottom-nav :focus-visible,.dashboard-mobile-grid :focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}
}
@media(max-width:340px){
  .dashboard-mobile-grid .dashboard-benefit-grid>.dashboard-coupon-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px}
  .dashboard-coupon-card.coupon-layout-long{grid-template-columns:1fr}
  .dashboard-coupon-card.coupon-layout-long>.card-heading,.dashboard-coupon-card.coupon-layout-long>.share-feedback,.dashboard-coupon-card.coupon-layout-long>.muted{grid-column:1}
  .dashboard-coupon-card.coupon-layout-long .dashboard-coupon-zone,.dashboard-coupon-card.coupon-layout-long .dashboard-share-button{width:100%}
}

.mobile-voucher-summary{display:none}
@media(max-width:699px){
  .dashboard-hero-top{min-height:44px}.dashboard-brand{min-height:44px}
  .dashboard-greeting h1{font-weight:750}.dashboard-mobile-grid .card-label{font-weight:600}
  .dashboard-mobile-grid .benefit-card{overflow:visible}
  .dashboard-mobile-grid .benefit-card:not(.dashboard-coupon-card){padding-right:18px}
  .dashboard-mobile-grid .benefit-card:not(.dashboard-coupon-card)>a{position:absolute;inset:0;z-index:2;min-height:44px;margin:0;padding:0;border-radius:19px;color:transparent;font-size:0;text-decoration:none}
  .dashboard-mobile-grid .benefit-card:not(.dashboard-coupon-card)>a:after{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#65736f;font-size:1.4rem}
  .dashboard-mobile-grid .voucher-detail{display:none}.dashboard-mobile-grid .mobile-voucher-summary{display:block}
  .dashboard-mobile-grid .personal-copy-button{font-weight:600;border-color:#dfebd6;box-shadow:0 4px 12px rgba(44,121,30,.08)}
}