:root{font-family:Arial,Helvetica,sans-serif;color:#080f3e;background:#f3f7fc;font-synthesis:none;--blue:#0065f5;--muted:#727b96;--border:#edf2f8;--shadow:0 2px 10px #164b8e09}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:transparent}button:focus-visible,a:focus-visible{outline:3px solid #58b8ff;outline-offset:3px}button:disabled,input:disabled{cursor:default}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}small{display:block;color:var(--muted);font-size:12px;line-height:1.4}.shell{max-width:540px;min-height:100dvh;margin:auto;background:#fff;box-shadow:0 0 60px #00275b0a}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;gap:10px}.logo{display:block;position:absolute;left:50%;transform:translateX(-50%);width:155px}.logo img{width:100%;height:auto;display:block}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;border-radius:50%}.header-right{display:flex;align-items:center;gap:5px}.notification{position:relative}.notification i{position:absolute;right:7px;top:4px;background:#ff4c78;border-radius:100%;width:7px;height:7px}.avatar-button{width:32px;height:32px;border-radius:50%;background:#e8f3ff;color:#0065ed;display:grid;place-items:center}.avatar-button .icon{width:23px;height:23px}main{padding:0 14px 108px;outline:none;min-height:80vh}main>h1:not(.sr-only){font-size:27px;margin:12px 0 20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.hero,.promo{display:block;width:100%;height:auto;border-radius:13px;box-shadow:var(--shadow);margin-bottom:14px}.promo{margin-top:16px}.panel{border:1px solid var(--border);border-radius:15px;padding:13px;margin:13px 0;box-shadow:var(--shadow);background:#fff}.section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:12px}.section-head h2{font-size:15px;display:flex;align-items:center;gap:8px;letter-spacing:-.25px}.section-head h2 .icon{color:var(--blue);width:23px;height:23px}.section-head h2 .icon:has(path[d=""]){display:none}.text-button{font-size:12px;color:var(--blue);display:inline-flex;align-items:center;justify-content:center;gap:2px;background:#f0f7ff;padding:7px 9px;border-radius:14px;white-space:nowrap}.text-button .icon{width:14px;height:14px}.preview-note{font-size:9px;letter-spacing:.6px;display:flex;align-items:center;gap:5px;color:#3861a6;margin:10px 1px 12px;flex-wrap:wrap}.preview-note>span:last-child{letter-spacing:0;color:#7d879b;margin-left:auto;font-size:10px}.dot{width:5px;height:5px;background:#168bff;border-radius:50%}.member-card{height:auto;aspect-ratio:2.24;perspective:1000px;margin-bottom:11px;color:white;min-height:176px}.card-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .65s}.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;border-radius:13px;overflow:hidden;backface-visibility:hidden;background:radial-gradient(ellipse at 105% 0,#00c7ff 0,transparent 45%),linear-gradient(115deg,#020c48 10%,#0043bf 65%,#008cf9);padding:17px 18px;box-shadow:0 3px 10px #0056ca20}.card-face:after{content:'';position:absolute;width:125%;height:80%;border-radius:50%;border-top:1px solid #39cfff77;box-shadow:0 -10px 0 #00acff0a,0 -20px 0 #00acff12,0 -30px 0 #00acff09;transform:rotate(-13deg);left:10%;bottom:-47%;pointer-events:none}.card-brand{display:flex;align-items:center;gap:8px}.a-mark{font-size:44px;font-weight:900;line-height:.8;transform:scaleX(1.25)}.card-brand strong{font-size:24px;letter-spacing:-1px;line-height:1}.card-brand small{font-size:10px;color:#a5d9ff;margin-top:2px}.card-eye{position:absolute;top:13px;right:12px;width:35px;height:29px;background:#002a70bd;color:white;border-radius:8px;display:grid;place-items:center;z-index:2}.card-eye .icon{width:22px}.chip{width:35px;height:29px;border:1px solid #d7ad3c;border-radius:5px;margin:12px 0 10px;background:linear-gradient(90deg,transparent 29%,#957527 30%,transparent 32%,transparent 66%,#957527 67%,transparent 69%),linear-gradient(0deg,transparent 32%,#957527 33%,transparent 35%,transparent 65%,#957527 66%,transparent 69%),linear-gradient(130deg,#ffecac,#dcb850,#fff5c3)}.card-number{font-family:monospace;font-size:clamp(18px,5.35vw,27px);font-weight:700;letter-spacing:1.8px;position:relative;z-index:1;white-space:nowrap}.card-watermark{font-size:150px;font-weight:900;position:absolute;right:20px;top:23px;color:#50d4ff5c;line-height:1}.card-bottom{display:flex;justify-content:space-between;margin-top:10px;position:relative;z-index:1}.card-bottom>div:last-child{text-align:right}.card-bottom small{color:#c2e1ff;font-size:9px}.card-bottom strong{font-size:13px;display:block;margin-top:3px}.card-back{transform:rotateY(180deg);padding-top:75px}.magstripe{height:35px;background:#091322;position:absolute;top:22px;left:0;right:0}.card-back .card-eye{top:auto;bottom:14px}.signature{background:#f4f6ff;color:#182950;padding:8px;font-style:italic;display:flex;justify-content:space-between;font-size:12px;margin-bottom:10px}.signature span{font-size:10px}.card-back>strong{font-size:12px}.card-back p,.card-back small{font-size:10px;color:#c0e3ff;line-height:1.4;margin-top:4px}.balance{background:radial-gradient(ellipse at 90% 0,#008fff,transparent 60%),linear-gradient(120deg,#0058f8,#00236f);border-radius:13px;color:#fff;padding:16px 19px;position:relative;overflow:hidden;margin-bottom:12px;min-height:112px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 10px #0065e118}.balance p{color:#d8e9ff;font-size:16px;display:flex;align-items:center;gap:9px;margin-bottom:3px}.balance-value{font-size:36px;line-height:1.15;letter-spacing:-1px;position:relative;z-index:1}.balance small{color:#c2e0ff;font-size:11px;margin-top:4px}.balance-eye{background:#ffffff20;color:#fff;border-radius:13px;display:grid;place-items:center;padding:3px 7px}.balance-eye .icon{width:19px;height:19px}.balance-mark{font-size:116px;line-height:.7;font-weight:900;color:#42bfff7a}.balance-mark .icon{width:80px;height:80px;stroke-width:1.5;color:#a9d9ff}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.stat{display:flex;align-items:center;gap:7px;padding:11px 8px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);min-width:0;background:#fff}.stat>div{min-width:0}.stat strong{font-size:15px;white-space:nowrap}.stat small{font-size:9px;white-space:nowrap;margin-top:4px}.tile-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:13px;width:38px;height:42px;flex-shrink:0}.tile-icon .icon{width:27px;height:27px}.blue{background:#edf6ff;color:#0078f9}.green{background:#eafff3;color:#0cba78}.pink{background:#fff0f4;color:#f34175}.purple{background:#f6efff;color:#8435e0}.orange{background:#fff7e9;color:#f3a12d}.next-donation{padding:12px 10px}.next-donation .section-head{margin-bottom:9px}.next-donation h2{font-size:13px}.donation-detail{display:flex;align-items:center;gap:9px;border-radius:10px;background:#f4f9ff;padding:9px}.donation-detail>div:first-of-type{flex:1;min-width:0}.donation-detail b{font-size:12px}.donation-detail strong{font-size:23px;color:var(--blue);display:block;margin:2px 0}.donation-detail small{font-size:10px}.timer{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;flex:1.5}.timer>div{background:#eaf4ff;text-align:center;border-radius:5px;padding:8px 2px}.timer strong{color:#0076ed;display:block;font-size:21px}.timer small{font-size:9px;margin-top:4px}.next-donation>.timer{margin-top:8px}.next-donation>.fine{font-size:9px;margin-top:8px}.fine{font-size:11px;line-height:1.6;color:#7c849b}.action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.action{border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 3px;min-height:83px;transition:transform .2s}.action:hover{transform:translateY(-2px)}.action .icon{width:28px;height:28px;stroke-width:2.4}.action span{font-size:10px;color:#101940;text-align:center;line-height:1.3;max-width:70px}.services{grid-template-columns:repeat(4,1fr)}.services .action{min-height:92px}.services .action span{font-size:11px}.services .action .icon{width:30px;height:30px}#bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:540px;display:grid;grid-template-columns:repeat(5,1fr);background:#ffffffef;backdrop-filter:blur(12px);border-top:1px solid #f0f3f8;padding:10px 3px calc(13px + env(safe-area-inset-bottom));z-index:10}#bottom a{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:#666b8b}#bottom .icon{width:25px;height:25px}#bottom [aria-current]{color:var(--blue);font-weight:700}.package-card{display:grid;grid-template-columns:55px 1fr auto;align-items:center;gap:10px;padding:12px 9px;min-height:105px}.package-index{height:64px;border-radius:11px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5f7ff;color:#0792ec;box-shadow:0 2px 10px #0065f520}.package-index strong{font-size:27px}.package-index small{font-size:8px;color:inherit}.color-1{background:#d6ffec;color:#0ab67e}.color-2{background:#fff0d8;color:#e3911f}.color-3{background:#f0dfff;color:#9c33df}.color-4{background:#ffe6f0;color:#e24e8b}.color-5{background:#fff2b7;color:#dc9200}.color-6{background:#cdffff;color:#09a5ca}.package-name{font-size:9px;color:#77849b;letter-spacing:.5px;font-weight:700}.package-info h2{font-size:25px;margin:3px 0 9px;letter-spacing:-.5px}.package-info{min-width:0}.package-benefits{display:flex;gap:10px}.package-benefits>div{display:flex;align-items:center;gap:4px}.package-benefits .icon{width:17px;height:17px}.package-benefits>div>span{border-radius:7px;padding:4px}.package-benefits b{font-size:10px;white-space:nowrap}.package-benefits small{font-size:7px;max-width:55px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;border:0;background:linear-gradient(120deg,#008aff,#0052fc);border-radius:10px;padding:13px 17px;font-weight:600;box-shadow:0 3px 8px #006fff15}.primary .icon{width:17px;height:17px}.buy{font-size:11px;padding:13px 8px;white-space:nowrap}.buy .icon{width:13px}.rules p{font-size:12px;color:#596786;line-height:1.7}.rules small{margin-top:8px;font-size:10px}.tabs{display:flex;gap:5px;margin:16px 0;overflow-x:auto}.tabs button{background:#eff6fd;border-radius:9px;flex:1;white-space:nowrap;font-size:12px;padding:12px 9px;color:#59627d}.tabs button.active{background:linear-gradient(120deg,#007aff,#004bfb);color:white}.empty{padding:38px 8px;text-align:center}.empty-icon{display:inline-flex;background:#eff7ff;padding:17px;border-radius:50%;color:#3992f5}.empty-icon .icon{width:32px;height:32px}.empty h3{font-size:16px;margin:17px 0 9px}.empty p{font-size:12px;line-height:1.8;color:#7c859c;max-width:320px;margin:auto auto 17px}.badge{display:inline-block;color:#086bd5;background:#e9f4ff;border-radius:20px;font-size:9px;padding:6px 10px;white-space:nowrap}.amber{color:#dd8b22;background:#fff1de}.installment-panel{padding:12px 0}.installment-panel .section-head{padding:0 12px}.installment{width:100%;display:grid;grid-template-columns:30px 1.1fr 1fr auto 10px;gap:7px;text-align:left;align-items:center;padding:13px 9px;border-top:1px solid #f3f6fc}.installment:nth-child(2){background:#edf7ff}.number{width:29px;height:29px;border-radius:50%;background:#e7f5ff;color:#176dc3;display:grid;place-items:center;font-size:18px}.installment b{font-size:11px}.installment small{font-size:9px;margin-top:5px}.installment .badge{font-size:8px;padding:6px}.installment>.icon{width:11px;height:11px}.donation-total{display:flex;align-items:center;gap:15px;background:linear-gradient(120deg,#e8f4ff,#cde8ff);border-radius:12px;padding:17px}.donation-total>.icon{width:40px;height:40px;color:#087fff}.donation-total p{font-size:14px}.donation-total strong{display:block;font-size:30px;color:var(--blue);margin:5px 0}.donation-total small{font-size:10px}.referral{display:flex;gap:7px}.referral input{min-width:0;flex:1;font-size:11px}.referral .primary{font-size:12px;padding:10px}.team-stats .stat strong{font-size:20px;color:var(--blue)}.available{display:flex;align-items:center;gap:13px;padding:2px 0 15px}.available .tile-icon{width:58px;height:58px;border-radius:50%}.available .icon{width:35px;height:35px}.available p{font-size:15px;color:#56617d}.available strong{color:var(--blue);font-size:32px;display:block;margin-top:5px}.available small{font-size:10px}.compact{margin-bottom:0}.compact .stat{padding:10px 6px;gap:6px;background:#f6faff;border:0;box-shadow:none}.compact .stat small{font-size:8px;white-space:normal;margin:0 0 4px}.compact .stat b{font-size:14px}.compact .tile-icon{width:29px;height:33px;border-radius:9px}.compact .icon{width:20px;height:20px}.wallet-actions{grid-template-columns:repeat(4,1fr)}.balance-actions{display:flex;gap:8px;margin-top:18px}.balance-actions button{padding:10px 13px;border-radius:8px;background:#e9f6ff;font-size:12px;display:flex;align-items:center;gap:6px;color:#083674}.balance-actions .primary{background:#0062ff;color:#fff}.balance-actions .icon{width:17px;height:17px}.wallet-balance{min-height:175px}.wallet-balance .balance-mark{margin-right:5px}.date-filter{display:flex;align-items:center;gap:8px;padding:10px}.date-filter label{flex:1;font-size:10px;min-width:0}.date-filter label .icon{width:14px;height:14px}.date-filter input{font-size:10px;padding:7px 2px;margin-top:5px;max-width:100%;min-width:0}.payment-form{padding:17px 14px}.payment-form h2{font-size:16px}.payment-form label{display:block;font-size:13px;color:#59617d;margin:19px 0 7px}input,select{display:block;width:100%;border:1px solid #e0e6f0;border-radius:8px;padding:13px 10px;background:#fff;color:#16224c;outline-color:#3999ff;min-width:0}input:disabled{background:#f3f7fc;color:#8690a5}label input,label select{margin-top:9px}.input-wrap{display:flex;align-items:center;border:1px solid #e0e6f0;border-radius:8px;padding-right:5px;margin-top:9px}.input-wrap input{border:0;margin:0;font-size:16px;background:transparent}.input-wrap>span{font-size:12px;margin-right:7px}.input-wrap .text-button{border-radius:6px}.recipient button{display:flex;align-items:center;justify-content:center;font-size:11px;gap:6px}.recipient .icon{width:20px}.info{border-radius:10px;background:#eaf5ff;padding:14px;margin:18px 0;color:#536784}.info h3{color:#0066d9;font-size:14px;margin-bottom:8px}.info p{font-size:11px;line-height:1.7;margin-top:6px}.full{width:100%;padding:15px;font-size:15px}.center{text-align:center;margin-top:9px}.profile-hero{background:linear-gradient(115deg,#001565,#007aff);border-radius:13px;color:#fff;padding:16px;display:flex;align-items:center;gap:13px}.profile-hero img{width:67px;height:67px;border-radius:50%;object-fit:cover}.profile-hero h2{font-size:20px}.profile-hero p{font-size:11px;color:#cde2ff;margin:7px 0}.profile-hero>button{margin-left:auto;border:1px solid #71aeff;border-radius:10px;padding:9px 8px;font-size:10px;white-space:nowrap}.profile-hero .badge{font-size:8px}.detail-row{display:flex;justify-content:space-between;gap:15px;padding:13px 3px;border-top:1px solid #f2f5fa;font-size:12px}.detail-row>span{color:#717a94}.detail-row>b{font-weight:500;text-align:right}.menu-row{display:flex;align-items:center;width:100%;padding:15px 9px;border-top:1px solid #f2f5fa;gap:13px;text-align:left;font-size:13px}.menu-row>span{flex:1}.menu-row .icon{width:21px;height:21px}.menu-row>.icon:last-child{width:15px;height:15px;color:#777f9d}.network{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:13px}.scrim{position:fixed;inset:0;background:#06132a70;z-index:30;backdrop-filter:blur(2px)}.drawer{position:fixed;left:max(0px,calc(50% - 270px));top:0;bottom:0;width:min(84vw,380px);background:#fff;z-index:31;border-radius:0 19px 19px 0;padding:23px 14px;overflow-y:auto;box-shadow:15px 0 50px #00184720}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.drawer-head img{width:180px;height:auto}.drawer-profile{display:flex;align-items:center;gap:12px;margin:10px 8px 23px}.drawer-profile img{width:53px;height:53px;border-radius:50%;object-fit:cover}.drawer-profile strong{font-size:17px}.drawer-profile small{margin:7px 0}.drawer .menu-row{border:1px solid #f0f4fa;border-radius:11px;margin:6px 0;padding:15px 12px;font-size:14px;font-weight:600;box-shadow:var(--shadow)}.drawer .selected{background:#e9f5ff;color:#0069de}.drawer .promo{margin-top:24px}.menu-open{overflow:hidden}dialog{border:1px solid #eaf0f8;border-radius:18px;max-width:380px;width:calc(100% - 36px);padding:30px 24px;box-shadow:0 20px 90px #001b5540;color:#101b43}dialog::backdrop{background:#06132a66;backdrop-filter:blur(3px)}#dialog-close{position:absolute;right:5px;top:5px;font-size:24px}dialog h2{font-size:21px;margin:12px 0}dialog p{font-size:14px;line-height:1.8;color:#68748e}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%)}@media(min-width:480px){.member-card{min-height:221px}.card-face{padding:20px 23px}.card-brand strong{font-size:30px}.chip{margin:16px 0 12px;width:43px;height:33px}.card-number{font-size:28px;letter-spacing:2.5px}.card-bottom{margin-top:14px}.card-bottom strong{font-size:15px}.card-back{padding-top:77px}.package-card{grid-template-columns:66px 1fr auto;padding:15px 12px}.package-index{height:78px}.package-benefits b{font-size:12px}.package-benefits small{font-size:8px}.buy{padding:15px 13px;font-size:12px}.stat strong{font-size:18px}.stat small{font-size:11px}.installment b{font-size:13px}.installment small{font-size:10px}.installment .badge{font-size:9px}.installment{padding:14px 12px}.section-head h2{font-size:17px}.next-donation h2{font-size:15px}}@media(max-width:374px){main{padding-left:10px;padding-right:10px}.logo{width:139px}.header-right{gap:0}.header-right .icon-btn{width:29px}.stat{padding:9px 5px;gap:4px}.stat .tile-icon{width:27px;height:35px}.stat .icon{width:23px}.stat strong{font-size:13px}.stat small{font-size:8px}.package-card{grid-template-columns:43px 1fr auto;gap:7px;padding:12px 7px}.package-index strong{font-size:23px}.package-benefits{gap:5px}.package-benefits .icon{width:13px;height:13px}.package-benefits>div>span{padding:2px}.package-benefits>div{gap:2px}.package-benefits b{font-size:9px}.package-benefits small{font-size:6px}.buy{font-size:10px;padding:11px 6px}.buy .icon{width:10px}.package-info h2{font-size:23px}.installment{gap:5px;grid-template-columns:25px 1.1fr 1fr auto 8px}.number{width:24px;height:24px;font-size:15px}.installment b{font-size:10px}.installment small{font-size:8px}.installment .badge{font-size:7px;padding:5px}.next-donation h2{font-size:11px}.text-button{font-size:10px}.action-grid{gap:5px}.action span{font-size:9px}.profile-hero{padding:12px;gap:9px}.profile-hero img{width:49px;height:49px}.profile-hero h2{font-size:16px}.profile-hero>button{font-size:9px;padding:8px 5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.member-card{width:100%;min-height:200px}.card-back{padding-top:67px}@media(min-width:480px){.member-card{min-height:235px}.card-back{padding-top:75px}}
@media(max-width:479px){.stats:not(.compact) .stat{padding:10px 6px;gap:5px}.stats:not(.compact) .tile-icon{width:29px;height:36px}.stats:not(.compact) .tile-icon .icon{width:24px;height:24px}.stats:not(.compact) .stat strong{font-size:14px}.stats:not(.compact) .stat small{font-size:8px;white-space:normal}}
.a-mark{display:block;font-size:0;width:38px;height:40px;transform:none;background:white;mask:url('/assets/mark.svg') center/contain no-repeat}.card-watermark{font-size:0;width:108px;height:108px;background:#50d4ff5c;mask:url('/assets/mark.svg') center/contain no-repeat;top:46px}.balance-mark:not(:has(svg)){font-size:0;width:90px;height:90px;background:#42bfff7a;mask:url('/assets/mark.svg') center/contain no-repeat}

/* Premium finish: retain existing structure, palette, member-card design and behavior. */
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  background: #fff;
  --blue: #0759e9;
  --muted: #6b7891;
  --border: #eaf0f8;
  --shadow: 0 4px 18px rgb(24 63 120 / 5%);
}
body { -webkit-font-smoothing: antialiased; }
header { position: relative; height: 80px; padding: 14px 16px; }
.logo { width: 162px; }
.icon-btn { width: 40px; height: 40px; }
.header-right { gap: 6px; }
.avatar-button { width: 36px; height: 36px; box-shadow: inset 0 0 0 1px #dfedff; }
main { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
.panel { border-radius: 17px; padding: 14px; margin: 16px 0; }
.section-head { margin-bottom: 14px; }
.section-head h2 { font-weight: 650; letter-spacing: -.3px; }
.icon { stroke-width: 1.9; }
.hero, .promo { border-radius: 15px; }
.preview-note { margin: 12px 2px 14px; line-height: 1.5; }
.preview-note > span:last-child { color: #69778e; }
.primary { min-height: 44px; border-radius: 11px; background: linear-gradient(125deg, #087cff, #074de1); box-shadow: 0 4px 12px #0759e91a; }
.primary:active, .action:active { transform: translateY(1px); }
.text-button { min-height: 34px; }
.balance { border-radius: 16px; padding: 20px; box-shadow: 0 6px 18px #0447b51c; }
.balance-value, .stat strong, .available strong, .timer strong, .card-number { font-variant-numeric: tabular-nums; }
.balance p { font-size: 15px; font-weight: 500; }
.balance-value { font-size: 38px; letter-spacing: -.9px; }
.balance-eye { min-width: 36px; min-height: 30px; }
.balance small { line-height: 1.6; }
.stat { border-radius: 13px; box-shadow: 0 3px 12px #164b8e05; }
.stat small { line-height: 1.45; }
.next-donation { padding: 13px 11px; }
.donation-detail { padding: 11px; border-radius: 11px; }
.timer { gap: 6px; min-width: 0; }
.timer > div { border-radius: 8px; padding: 10px 2px; }
.timer strong { font-size: 22px; font-weight: 650; }
.next-donation > .fine { line-height: 1.65; }
.action-grid { gap: 7px; }
.action { border-radius: 11px; min-height: 89px; gap: 11px; }
.action span { font-weight: 500; line-height: 1.35; }
.services .action { min-height: 96px; }
.services .action span { font-size: 11px; }
.card-eye { width: 42px; height: 36px; border-radius: 10px; }
.card-eye .icon { width: 23px; }
.signature-row { display: flex; align-items: stretch; gap: 9px; margin-bottom: 12px; }
.signature { flex: 1; min-width: 0; margin: 0; flex-direction: column; gap: 5px; border-radius: 5px; padding: 9px 11px; }
.signature span { color: #68758c; font-size: 8px; letter-spacing: .8px; font-style: normal; }
.demo-cvv { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 67px; background: #f4f7ff; color: #173362; border-radius: 5px; padding: 7px; }
.demo-cvv span { font-size: 8px; letter-spacing: .5px; }
.cvv-value { font: 700 18px monospace; letter-spacing: 3px; margin-top: 4px; }
.card-back { padding-top: 67px; }
.card-back > p { max-width: calc(100% - 42px); font-size: 9px; }
.card-back > small { max-width: calc(100% - 44px); font-size: 9px; }
.tabs { padding: 3px; background: #f1f6fc; border-radius: 12px; gap: 3px; }
.tabs button { min-height: 42px; background: transparent; font-size: 11px; padding: 10px 7px; }
.tabs button.active { box-shadow: 0 3px 8px #0759e920; background: linear-gradient(120deg, #087bff, #0752e8); }
#bottom { background: #fffffff5; border-color: #e9eff7; box-shadow: 0 -4px 20px #15396c06; }
#bottom a { min-height: 44px; gap: 6px; font-size: 11px; }
#bottom .icon { width: 26px; height: 26px; }
#bottom [aria-current] .icon { filter: drop-shadow(0 2px 3px #0065f51a); }
.empty { padding: 34px 10px; }
.empty p { color: #6c7990; }
/* Wallet keeps the reference balance/actions → summary → shortcuts → filters order. */
.wallet-balance { min-height: 190px; padding: 21px 19px; isolation: isolate; background: radial-gradient(ellipse at 95% 0, #008fff, transparent 64%), linear-gradient(120deg, #0055f2, #001c76); }
.wallet-balance > div { position: relative; z-index: 1; width: 100%; }
.wallet-balance .balance-value { font-size: 39px; }
.wallet-balance .balance-mark { position: absolute; right: 5px; top: 16px; width: 123px; height: 117px; opacity: .96; z-index: 0; }
.wallet-balance .balance-mark img { display: block; width: 100%; height: 100%; object-fit: contain; mask-image: linear-gradient(90deg, transparent, #000 17%, #000 93%, transparent); }
.wallet-balance .balance-actions { margin-top: 20px; gap: 10px; max-width: 100%; }
.wallet-balance .balance-actions button { flex: 1; min-height: 44px; justify-content: center; font-size: 13px; font-weight: 600; border-radius: 10px; padding: 11px 12px; }
.wallet-balance .balance-actions .primary { background: #086aff; box-shadow: 0 3px 10px #001c7620; }
.wallet-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 16px 0; }
.wallet-summary .stat { padding: 12px 8px; gap: 7px; border: 1px solid #edf3fa; align-items: flex-start; min-height: 83px; }
.wallet-summary .stat.green { background: linear-gradient(135deg, #edfff6, #f4fcf8); }
.wallet-summary .stat.pink { background: linear-gradient(135deg, #fff0f5, #fff8fa); }
.wallet-summary .stat.purple { background: linear-gradient(135deg, #f5efff, #faf8ff); }
.wallet-summary .tile-icon { width: 27px; height: 32px; border-radius: 9px; }
.wallet-summary .tile-icon .icon { width: 22px; height: 22px; }
.wallet-summary .stat small { font-size: 9px; white-space: normal; margin: 0 0 7px; color: #5a6683; }
.wallet-summary .stat strong { display: block; font-size: 15px; letter-spacing: -.4px; color: #111c42; }
.wallet-summary .stat .summary-preview { font-size: 8px; margin: 4px 0 0; color: #72618c; }
[data-screen="wallet"] .panel:has(.wallet-actions) { padding: 0; box-shadow: none; border: 0; }
.wallet-actions { gap: 8px; }
.wallet-actions .action { min-height: 103px; border: 1px solid #edf3fa; box-shadow: 0 4px 12px #164b8e05; gap: 12px; }
.wallet-actions .action .icon { width: 29px; height: 29px; }
.wallet-actions .action span { font-size: 11px; }
[data-screen="wallet"] .tabs { margin-top: 19px; }
@media (max-width: 374px) {
  header { padding: 12px; }
  .logo { width: 138px; }
  .header-right { gap: 3px; }
  .header-right .icon-btn { width: 34px; }
  .avatar-button { width: 32px; height: 32px; }
  .panel { padding: 12px; }
  .next-donation { padding: 12px 9px; }
  .next-donation h2 { font-size: 11px; gap: 5px; }
  .next-donation h2 .icon { width: 20px; }
  .donation-detail { padding: 9px; }
  .timer { gap: 4px; }
  .timer strong { font-size: 19px; }
  .timer small { font-size: 8px; }
  .wallet-balance { padding: 19px 15px; }
  .wallet-balance .balance-value { font-size: 34px; }
  .wallet-balance .balance-mark { width: 101px; height: 96px; top: 22px; }
  .wallet-summary { gap: 5px; }
  .wallet-summary .stat { padding: 10px 6px; gap: 5px; flex-wrap: wrap; }
  .wallet-summary .stat strong { font-size: 14px; }
  .wallet-summary .stat small { font-size: 9px; }
  .wallet-actions { gap: 5px; }
  .wallet-actions .action span { font-size: 10px; }
}
/* The wallet illustration is an image, not the AURIX watermark mask. */
.wallet-balance .balance-mark { mask: none; background: transparent; }
/* Business plan uses the existing package cards and installment styling. */
.package-context { padding: 0 3px; }
.package-status { font-size: 8px; margin: 0 0 10px; }
.package-card { grid-template-columns: 55px minmax(0,1fr) auto; }
.package-benefits { flex-wrap: wrap; row-gap: 8px; }
.unconfigured { font-size: 10px; line-height: 1.6; }
.installment-card { border-top: 1px solid #edf2f8; padding-bottom: 14px; }
.installment-card .installment { grid-template-columns: 30px minmax(0,1.1fr) minmax(0,1fr) 12px; border: 0; background: transparent; }
.installment-card:first-of-type { background: #f6faff; }
.installment-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; justify-content: space-between; padding: 0 12px 10px; }
.installment-meta > small { font-size: 9px; }
.installment-card > .timer { margin: 0 12px; }
.installment-card .timer > div { padding: 8px 2px; }
.installment-card .timer strong { font-size: 20px; }
.eligibility-note { background: #f7fbff; }
@media(max-width:374px){.package-card{grid-template-columns:43px minmax(0,1fr) auto}.installment-card .installment{grid-template-columns:25px minmax(0,1fr) minmax(0,1fr) 10px}}
@media(min-width:480px){.package-card{grid-template-columns:66px minmax(0,1fr) auto}}
.account-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.account-links button{min-height:44px}.card-bottom>div{min-width:0}.card-bottom>div:last-child{max-width:65%}.card-bottom strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-feedback{margin-top:12px}.primary:disabled{opacity:.55;cursor:wait}
.profile-hero>div{min-width:0;flex:1}.profile-hero h2,.drawer-profile strong{overflow-wrap:anywhere}.detail-row>b{min-width:0;overflow-wrap:anywhere}#profile-form input,#password-form input{font-size:16px}