/* ================= PAGE STYLES ================= */

/* ---- AUTH ---- */
.auth-wrap{padding:8px 4px 30px;min-height:78vh;display:flex;flex-direction:column}
.auth-hero{text-align:center;margin:24px 0 30px}
.auth-hero img{width:88px;height:88px;border-radius:26px;margin:0 auto 18px;box-shadow:0 20px 46px -14px var(--primary);animation:pulseLogo 2.4s var(--ease) infinite}
.auth-hero h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}
.auth-hero p{color:var(--text-muted);margin-top:6px}
.auth-methods{display:flex;flex-direction:column;gap:12px;margin-top:auto}
.auth-btn{display:flex;align-items:center;gap:14px;padding:17px 18px;border-radius:18px;background:var(--surface);border:1.5px solid var(--border);font-weight:700;transition:transform .16s,box-shadow .2s}
.auth-btn:active{transform:scale(.98)}
.auth-btn i{width:26px;text-align:center;font-size:1.2rem;color:var(--primary)}
.auth-btn.g i{color:#ea4335}
.auth-legal{text-align:center;font-size:.74rem;color:var(--text-muted);margin-top:20px;line-height:1.6}

/* ---- HOME ---- */
.profile-card{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);padding:22px;color:#fff;
  background:var(--grad);box-shadow:0 22px 50px -18px var(--primary);
}
.profile-card::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.14)}
.profile-card::before{content:"";position:absolute;right:30px;bottom:-60px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.10)}
.pc-top{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.pc-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);cursor:pointer}
.pc-name{font-weight:800;font-size:1.05rem}
.pc-id{font-size:.76rem;opacity:.85}
.pc-balance{position:relative;z-index:2;margin-top:20px}
.pc-balance .lbl{font-size:.76rem;opacity:.85;text-transform:uppercase;letter-spacing:.1em}
.pc-balance .amt{font-size:2.1rem;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.complete-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.22);padding:5px 12px;border-radius:999px;font-size:.74rem;font-weight:700;margin-top:6px}

.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.qa{position:relative;overflow:hidden;border-radius:var(--radius);padding:18px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .16s}
.qa:active{transform:scale(.97)}
.qa .qic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:12px;background:var(--primary-soft);color:var(--primary)}
.qa.accent{background:var(--grad);color:#fff}
.qa.accent .qic{background:rgba(255,255,255,.22);color:#fff}
.qa .qt{font-weight:800}
.qa .qs{font-size:.76rem;opacity:.8;margin-top:2px}

.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 2px 12px}
.section-title h2{font-size:1.05rem;font-weight:800}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.service{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.service .sic{width:100%;aspect-ratio:1;border-radius:18px;display:grid;place-items:center;font-size:1.3rem;background:var(--surface);border:1px solid var(--border);color:var(--primary);position:relative}
.service .soon{position:absolute;top:5px;right:5px;font-size:.52rem;background:var(--warning-soft);color:var(--warning);padding:2px 5px;border-radius:6px;font-weight:800}
.service span{font-size:.68rem;font-weight:600;color:var(--text-muted)}

/* ---- WALLET ---- */
.wallet-hero{border-radius:var(--radius-lg);padding:24px;background:var(--grad);color:#fff;box-shadow:0 22px 50px -18px var(--primary);position:relative;overflow:hidden}
.wallet-hero .lbl{opacity:.85;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}
.wallet-hero .amt{font-size:2.3rem;font-weight:800;margin-top:4px}
.wallet-sub{display:flex;gap:12px;margin-top:18px}
.wallet-sub .ws{flex:1;background:rgba(255,255,255,.16);border-radius:16px;padding:12px 14px;backdrop-filter:blur(6px)}
.wallet-sub .ws .k{font-size:.7rem;opacity:.85}
.wallet-sub .ws .v{font-weight:800;margin-top:2px}

.tx-filters{display:flex;gap:8px;margin:20px 0 6px}
.tx-filters .tf{padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:700;background:var(--surface-2);color:var(--text-muted)}
.tx-filters .tf.active{background:var(--grad);color:#fff}

/* ---- SETTINGS ---- */
.settings-group{margin-top:22px}
.settings-group .sg-title{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 4px 10px}
.set-row{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:10px;transition:transform .14s}
.set-row:active{transform:scale(.985)}
.set-row .sic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:1.05rem;flex:none}
.set-row .st{font-weight:700}.set-row .ss{font-size:.76rem;color:var(--text-muted)}
.set-row .chev{margin-left:auto;color:var(--text-muted)}
.profile-edit{position:relative;width:96px;height:96px;margin:0 auto 8px}
.profile-edit img{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--grad);border:3px solid var(--surface);box-shadow:var(--shadow)}
.profile-edit .edit-fab{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;border:3px solid var(--surface)}

/* ======================================================================
   HOME LAYOUTS — ten interchangeable dashboard compositions
   ====================================================================== */
.home-layout{position:relative;isolation:isolate;animation:homeLayoutIn .24s var(--ease)}
.home-layout>*{position:relative}
.home-layout>*:first-child{z-index:1}
.home-layout>*:not(:first-child){z-index:2}
@keyframes homeLayoutIn{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.home-layout button{font-family:inherit}
.home-layout-edit{position:absolute;top:15px;right:15px;z-index:6;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--primary);box-shadow:var(--shadow-sm);transition:transform .15s,background .2s}
.home-layout-edit:active{transform:scale(.92)}
.profile-card .home-layout-edit,.home-lifafa-hero .home-layout-edit{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.22);color:#fff;box-shadow:none;backdrop-filter:blur(8px)}
.home-profile-surface{position:relative;display:flex;align-items:center;padding:16px 54px 16px 16px;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.home-profile-surface .pc-top{width:100%}
.home-profile-surface .pc-name{color:var(--text)}
.home-profile-surface .pc-id{color:var(--text-muted)}
.home-profile-surface .pc-avatar{width:52px;height:52px;border:2px solid var(--border);background:var(--primary-soft)}
.home-profile-surface.is-compact{padding-top:13px;padding-bottom:13px}
.home-profile-copy{min-width:0}
.home-profile-copy .pc-name,.home-profile-copy .pc-id{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.home-action-list{display:flex;flex-direction:column;gap:10px}
.home-action{width:100%;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;box-shadow:var(--shadow-sm);transition:transform .15s}
.home-action:active{transform:scale(.985)}
.home-action .ha-icon{width:44px;height:44px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:1.05rem;flex:none}
.home-action .ha-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.home-action .ha-copy b{font-size:.9rem}.home-action .ha-copy small{font-size:.7rem;color:var(--text-muted)}
.home-action .ha-arrow{font-size:.72rem;color:var(--text-muted)}
.home-action.is-accent{background:var(--grad);color:#fff;border-color:transparent}
.home-action.is-accent .ha-icon{background:rgba(255,255,255,.2);color:#fff}
.home-action.is-accent .ha-copy small,.home-action.is-accent .ha-arrow{color:rgba(255,255,255,.78)}

.home-tile{min-height:112px;padding:15px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;box-shadow:var(--shadow-sm);transition:transform .15s}
.home-tile:active{transform:scale(.97)}
.home-tile .ht-icon{width:42px;height:42px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin-bottom:12px;font-size:1.03rem}
.home-tile b{font-size:.83rem}.home-tile small{font-size:.66rem;color:var(--text-muted);margin-top:2px}
.home-tile.is-primary{background:var(--grad);border-color:transparent;color:#fff}
.home-tile.is-primary .ht-icon{background:rgba(255,255,255,.2);color:#fff}.home-tile.is-primary small{color:rgba(255,255,255,.78)}

/* Layout 7 — Classic */
.home-layout-7 .profile-card{padding-right:62px}
.home-layout-7 .pc-balance{padding-right:0}

/* Layout 3 — wallet first */
.home-layout-3 .home-wallet-focus{position:relative;margin-top:14px;padding:22px;border-radius:28px;background:var(--grad);color:#fff;box-shadow:0 20px 46px -22px var(--primary);overflow:hidden}
.home-layout-3 .home-wallet-focus::after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-55px;top:-65px;background:rgba(255,255,255,.13)}
.hwf-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:rgba(255,255,255,.78)}
.hwf-label>button{padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.15);color:#fff;font-size:.68rem;font-weight:700}
.hwf-balance{position:relative;z-index:2;font-size:2.15rem;font-weight:800;letter-spacing:-.035em;margin:7px 0 20px}
.hwf-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hwf-actions button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:15px;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.16);font-weight:750;font-size:.8rem;backdrop-filter:blur(8px)}
.home-layout-3 .services-strip{grid-template-columns:repeat(4,1fr)}
.home-layout-3 .services-strip .sic{border-radius:15px;aspect-ratio:1.08}

/* Layout 3 — action board */
.home-command-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.home-command-person .home-profile-surface{height:100%;box-shadow:none}
.home-command-balance{min-width:138px;padding:16px 14px;border-radius:20px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));display:flex;flex-direction:column;justify-content:center;align-items:flex-end}
.home-command-balance span{font-size:.66rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.home-command-balance b{font-size:1.15rem;color:var(--primary);margin-top:4px}
.home-tight-title{margin-top:20px}
.home-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-command-grid .home-tile{min-height:118px}
.home-shortcut-pills{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.home-shortcut-pills button{padding:11px 10px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-weight:700}
.home-shortcut-pills i{color:var(--primary);margin-right:5px}
.home-layout-3 .services-compact .sic{aspect-ratio:1.18;border-radius:14px;background:var(--surface-2)}

/* Layouts 2 & 4 — Lifafa / Pay focus */
.home-lifafa-hero{position:relative;overflow:hidden;border-radius:30px;background:var(--grad);color:#fff;padding:0 18px 18px;box-shadow:0 22px 52px -20px var(--primary)}
.hlh-glow{position:absolute;width:210px;height:210px;border-radius:50%;right:-85px;top:62px;background:rgba(255,255,255,.12);filter:blur(2px)}
.home-lifafa-hero .home-hero-profile{position:relative;z-index:3;margin:0 -18px;padding:15px 52px 14px 16px;border-bottom:1px solid rgba(255,255,255,.16)}
.home-lifafa-hero .home-hero-profile .pc-avatar{width:42px;height:42px;border:2px solid rgba(255,255,255,.35)}
.home-lifafa-hero .home-hero-profile .pc-name{font-size:.88rem}.home-lifafa-hero .home-hero-profile .pc-id{font-size:.68rem}
.hlh-content{position:relative;z-index:2;display:flex;align-items:center;gap:15px;padding:24px 2px 18px}
.hlh-gift{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.65rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.hlh-kicker{display:block;font-size:.63rem;text-transform:uppercase;letter-spacing:.11em;opacity:.8;margin-bottom:3px}.hlh-content h2{font-size:1.35rem;line-height:1.1}.hlh-content p{font-size:.68rem;opacity:.8;margin-top:5px;max-width:220px}
.hlh-bottom{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 13px 13px 15px;border-radius:19px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(8px)}
.hlh-bottom>div{display:flex;flex-direction:column}.hlh-bottom small{font-size:.62rem;opacity:.75}.hlh-bottom b{font-size:1rem;margin-top:1px}.hlh-bottom>button{padding:10px 13px;border-radius:13px;background:#fff;color:var(--primary-dark);font-weight:800;font-size:.73rem}
.home-triple-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.home-triple-actions .home-tile{min-height:98px;padding:12px;align-items:center;justify-content:center;text-align:center}.home-triple-actions .ht-icon{width:38px;height:38px;margin:0 auto 9px}.home-triple-actions .home-tile b{width:100%;text-align:center}.home-triple-actions small{display:none}
.home-history-banner{display:flex;width:100%;align-items:center;gap:12px;margin-top:10px;padding:13px 14px;border-radius:18px;background:var(--surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);text-align:left}
.home-history-banner>span{width:42px;height:42px;border-radius:14px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.home-history-banner>div{display:flex;flex-direction:column;flex:1}.home-history-banner b{font-size:.83rem}.home-history-banner small{font-size:.66rem;color:var(--text-muted);margin-top:2px}.home-history-banner>i{font-size:.7rem;color:var(--text-muted)}
.home-layout-2 .services-soft .sic,.home-layout-4 .services-soft .sic{background:var(--grad-soft);border-color:transparent}

/* Layout 5 — finance card */
.home-finance-card{position:relative;overflow:hidden;margin-top:14px;padding:20px;border-radius:28px;background:linear-gradient(145deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 24px 56px -20px var(--primary)}
.home-finance-card::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;bottom:-100px;background:rgba(255,255,255,.11)}
.hfc-top,.hfc-balance,.hfc-chip,.hfc-actions{position:relative;z-index:2}.hfc-top{display:flex;justify-content:space-between;align-items:center;font-size:.6rem;letter-spacing:.14em;font-weight:800;opacity:.85}.hfc-top i{font-size:1rem;transform:rotate(90deg)}
.hfc-balance{display:flex;flex-direction:column;margin:23px 0 20px}.hfc-balance small{font-size:.66rem;opacity:.72}.hfc-balance b{font-size:2rem;letter-spacing:-.035em;margin-top:2px}
.hfc-chip{display:flex;align-items:center;gap:11px;font-size:.78rem;opacity:.9}.hfc-chip>i{font-size:1.45rem}.hfc-chip span{letter-spacing:.08em}
.hfc-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.hfc-actions button{padding:11px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.75rem;font-weight:750}.hfc-actions i{margin-right:5px}
.home-finance-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.home-finance-links .home-action{padding:12px;gap:9px}.home-finance-links .ha-icon{width:38px;height:38px}.home-finance-links .ha-copy small{display:none}.home-finance-links .ha-arrow{display:none}
.home-layout-5 .services-minimal .sic{box-shadow:none;background:transparent;border-color:var(--border)}

/* Layout 6 — compact all-action dashboard */
.home-minimal-top .home-profile-surface{box-shadow:none;background:transparent;border:0;padding-left:2px;padding-top:5px;padding-bottom:7px}
.home-minimal-top .home-layout-edit{right:2px;top:8px;background:var(--surface);box-shadow:none}
.home-minimal-balance{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label icon" "amount icon";align-items:center;margin-top:8px;padding:18px;border-radius:22px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.home-minimal-balance>span{grid-area:label;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.home-minimal-balance>b{grid-area:amount;font-size:1.65rem;margin-top:2px}.home-minimal-balance>button{grid-area:icon;width:48px;height:48px;border-radius:16px;background:var(--primary-soft);color:var(--primary);font-size:1.1rem}
.home-all-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}
.home-all-actions .home-tile{min-height:102px;padding:12px;align-items:center;text-align:center}.home-all-actions .ht-icon{width:40px;height:40px;margin-bottom:8px}.home-all-actions b{font-size:.76rem}.home-all-actions small{font-size:.61rem}
.home-layout-6 .home-services-title{margin-top:22px}.home-layout-6 .services-minimal-grid{gap:8px}.home-layout-6 .services-minimal-grid .sic{aspect-ratio:1.25;border-radius:13px;background:var(--surface-2);box-shadow:none}.home-layout-6 .services-minimal-grid .service span{font-size:.62rem}

/* Layout chooser sheet */
.home-layout-help{line-height:1.55;margin:-2px 2px 14px}
.home-layout-picker{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-bottom:4px}
.home-layout-option{position:relative;min-width:0;padding:10px;border-radius:19px;background:var(--surface-2);border:1.5px solid var(--border);color:var(--text);text-align:left;transition:border-color .18s,transform .15s,background .18s}
.home-layout-option:active{transform:scale(.97)}.home-layout-option.selected{border-color:var(--primary);background:var(--primary-soft)}
.layout-preview{height:92px;border-radius:13px;background:var(--surface);border:1px solid var(--border);padding:7px;display:grid;gap:4px;overflow:hidden}
.layout-preview span{display:block;border-radius:4px;background:var(--border)}.layout-preview .lp-head,.layout-preview .lp-balance{background:var(--primary-soft)}
.lp-7{grid-template:14px 1fr 20px / 1fr 1fr}.lp-7 .lp-head{grid-column:1/3}.lp-7 .lp-balance{grid-column:1/3}.lp-7 .lp-c,.lp-7 .lp-d{display:none}
.lp-2{grid-template:1fr 24px / 1fr 1fr 1fr}.lp-2 .lp-head{grid-column:1/4;background:var(--primary)}.lp-2 .lp-balance{display:none}.lp-2 .lp-a,.lp-2 .lp-b,.lp-2 .lp-c{display:block}.lp-2 .lp-d{display:none}
.lp-3{grid-template:12px 1fr 16px / 1fr 1fr}.lp-3 .lp-head{grid-column:1/3}.lp-3 .lp-balance{grid-column:1/3;background:var(--primary)}.lp-3 .lp-c,.lp-3 .lp-d{display:none}
.lp-4{grid-template:1fr 24px / 1fr 1fr 1fr}.lp-4 .lp-head{grid-column:1/4;background:var(--primary)}.lp-4 .lp-balance{display:none}.lp-4 .lp-a,.lp-4 .lp-b,.lp-4 .lp-c{display:block}.lp-4 .lp-d{display:none}
.lp-5{grid-template:12px 1fr 18px / 1fr 1fr}.lp-5 .lp-head{grid-column:1/3}.lp-5 .lp-balance{grid-column:1/3;background:var(--primary-dark)}.lp-5 .lp-c,.lp-5 .lp-d{display:none}
.lp-6{grid-template:18px 1fr 1fr / repeat(3,1fr)}.lp-6 .lp-head{grid-column:1/4}.lp-6 .lp-balance{display:none}
.layout-option-copy{display:flex;flex-direction:column;padding:9px 2px 2px}.layout-option-copy b{font-size:.72rem;color:var(--primary)}.layout-option-copy span{font-size:.82rem;font-weight:800;margin-top:1px}.layout-option-copy small{font-size:.61rem;color:var(--text-muted);margin-top:3px;line-height:1.3}
.layout-check{position:absolute;top:7px;right:7px;width:23px;height:23px;border-radius:50%;display:none;place-items:center;background:var(--primary);color:#fff;font-size:.62rem;box-shadow:0 3px 10px rgba(0,0,0,.18)}.home-layout-option.selected .layout-check{display:grid}

[data-theme="dark"] .home-command-balance{border-color:var(--border)}
[data-theme="dark"] .home-layout-option.selected{background:color-mix(in srgb,var(--primary) 14%,var(--surface-2))}
[data-theme="dark"] .home-finance-card{background:linear-gradient(145deg,color-mix(in srgb,var(--primary-dark) 72%,#080912),var(--primary))}

@media(max-width:390px){
  .home-command-head{grid-template-columns:1fr}.home-command-balance{min-width:0;align-items:flex-start}
  .home-command-balance{display:grid;grid-template-columns:1fr auto;align-items:center}.home-command-balance b{margin:0}
  .home-layout-picker{gap:8px}.home-layout-option{padding:8px}.layout-preview{height:82px}
  .home-triple-actions{gap:7px}.home-triple-actions .home-tile{padding:10px}.home-all-actions{gap:7px}
}

/* Layout 1 — Earn & Cashout */
.home-earn-hero{
  position:relative;overflow:hidden;padding:20px;border-radius:28px;
  background:linear-gradient(145deg,var(--primary-dark),var(--primary));
  color:#fff;box-shadow:0 24px 58px -23px var(--primary);
}
.heh-shine{
  position:absolute;right:-65px;bottom:-95px;width:230px;height:230px;
  border-radius:50%;background:rgba(255,255,255,.12);pointer-events:none;
}
.heh-profile{
  position:relative;z-index:2;display:flex;align-items:center;
  justify-content:space-between;min-height:58px;
}
.heh-profile-user{
  display:flex;align-items:center;gap:13px;min-width:0;padding-right:50px;
}
.heh-profile .pc-avatar{
  width:56px;height:56px;flex:0 0 56px;border-radius:50%;object-fit:cover;
  border:3px solid rgba(255,255,255,.38);background:rgba(255,255,255,.18);
}
.heh-profile-copy{min-width:0}
.heh-profile .pc-name{
  color:#fff;font-size:1.02rem;font-weight:800;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.heh-profile .pc-id{
  margin-top:2px;color:rgba(255,255,255,.78);font-size:.73rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.heh-layout-edit{
  position:absolute;top:0;right:0;width:38px;height:38px;display:grid;
  place-items:center;border-radius:13px;background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.20);color:#fff;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  cursor:pointer;transition:transform .15s ease,background .15s ease;
}
.heh-layout-edit:active{transform:scale(.92)}
.heh-layout-edit i{font-size:.82rem}
.heh-profile .complete-pill{
  margin-top:5px;padding:4px 9px;background:rgba(255,255,255,.18);
  color:#fff;font-size:.62rem;
}
.heh-separator{position:relative;z-index:2;margin:15px 0 0;border-top:1px dashed rgba(255,255,255,.38);opacity:.55}
.heh-row{
  position:relative;z-index:2;display:flex;align-items:center;
  justify-content:space-between;margin:15px 0 18px;
}
.heh-row>div{display:flex;flex-direction:column}
.heh-row small{font-size:.66rem;opacity:.72}
.heh-row b{margin-top:2px;font-size:2rem;font-weight:800;letter-spacing:-.04em}
.heh-orb{
  width:58px;height:58px;display:grid;place-items:center;border-radius:20px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.16);
  font-size:1.3rem;
}
.heh-actions{
  position:relative;z-index:2;display:grid;
  grid-template-columns:1.35fr .9fr;gap:9px;
}
.heh-actions button{
  min-height:62px;border-radius:17px;font-weight:800;text-align:left;
}
.heh-earn{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:10px;padding:10px 13px;background:#fff;color:var(--primary-dark)!important;
}
.heh-earn>i:first-child{
  width:36px;height:36px;display:grid;place-items:center;border-radius:12px;
  background:var(--primary-soft);color:var(--primary);
}
.heh-earn span,.heh-withdraw span{display:flex;flex-direction:column}
.heh-earn b,.heh-withdraw b{font-size:.76rem}
.heh-earn small,.heh-withdraw small{margin-top:2px;font-size:.59rem;opacity:.72}
.heh-earn>i:last-child{font-size:.68rem}
.heh-withdraw{
  display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;
  background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.16);
  color:#fff;
}
.home-earn-secondary{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;
}
.home-earn-secondary .home-tile{
  min-height:96px;padding:12px 6px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
}
.home-earn-secondary .ht-icon{
  width:40px;height:40px;display:grid;place-items:center;
  margin:0 auto 8px;border-radius:14px;
}
.home-earn-secondary .home-tile b{width:100%;text-align:center}
.home-earn-secondary .home-tile small{
  width:100%;margin-top:2px;font-size:.58rem;text-align:center;
}
.home-earn-history{
  display:flex;align-items:center;width:100%;gap:12px;margin-top:10px;
  padding:13px 14px;border-radius:18px;background:var(--surface);
  border:1px solid var(--border);color:var(--text);text-align:left;
  box-shadow:var(--shadow-sm);
}
.home-earn-history>span{
  width:42px;height:42px;flex:none;display:grid;place-items:center;
  border-radius:14px;background:var(--primary-soft);color:var(--primary);
}
.home-earn-history>div{
  display:flex;flex:1;flex-direction:column;min-width:0;
}
.home-earn-history b{font-size:.8rem}
.home-earn-history small{
  margin-top:2px;font-size:.62rem;color:var(--text-muted);
}
.home-earn-history>i{font-size:.7rem;color:var(--text-muted)}

@media(max-width:380px){
  .home-earn-hero{padding:17px}
  .heh-profile .pc-avatar{width:52px;height:52px;flex-basis:52px}
  .heh-actions{grid-template-columns:1.2fr .85fr}
  .home-earn-secondary{gap:7px}
  .home-earn-secondary .home-tile{padding-inline:4px}
}

/* Layout 8 — Rewards Hub */
.home-rewards-panel{position:relative;overflow:hidden;margin-top:13px;padding:20px;border-radius:28px;background:var(--grad-soft);border:1px solid color-mix(in srgb,var(--primary) 20%,var(--border));box-shadow:var(--shadow-sm)}
.home-rewards-panel::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-85px;top:-85px;background:color-mix(in srgb,var(--primary) 12%,transparent)}
.hrp-top,.hrp-balance,.hrp-create{position:relative;z-index:2}.hrp-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.hrp-top span{font-size:.58rem;font-weight:850;letter-spacing:.12em;color:var(--primary)}.hrp-top h2{font-size:1.22rem;margin-top:3px;letter-spacing:-.025em}.hrp-gift{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:var(--primary);color:#fff;font-size:1.25rem;box-shadow:0 12px 26px -12px var(--primary)}
.hrp-balance{display:flex;align-items:end;justify-content:space-between;margin:22px 0 15px;padding-top:15px;border-top:1px solid var(--border)}.hrp-balance span{font-size:.65rem;color:var(--text-muted)}.hrp-balance b{font-size:1.45rem}
.hrp-create{display:flex;width:100%;align-items:center;justify-content:center;gap:9px;padding:13px;border-radius:15px;background:var(--primary);color:#fff;font-size:.76rem;font-weight:850}.hrp-create i:last-child{font-size:.65rem;margin-left:3px}
.home-reward-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.home-reward-actions .home-action{padding:13px 12px}.home-reward-actions .ha-icon{width:40px;height:40px}.home-reward-actions .ha-copy small{font-size:.57rem}.home-reward-actions .ha-arrow{display:none}
.home-reward-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.home-reward-mini button{display:flex;align-items:center;justify-content:center;gap:6px;padding:11px 7px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.65rem;font-weight:750}.home-reward-mini i{color:var(--primary)}

/* Layout 9 — Activity Pulse */
.home-activity-card{position:relative;overflow:hidden;min-height:174px;margin-top:13px;padding:19px;border-radius:27px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.hac-copy{position:relative;z-index:2;display:flex;flex-direction:column}.hac-copy>span{font-size:.57rem;letter-spacing:.12em;color:var(--primary);font-weight:850}.hac-copy small{font-size:.64rem;color:var(--text-muted);margin-top:20px}.hac-copy b{font-size:1.8rem;letter-spacing:-.04em;margin-top:2px}.hac-wallet{position:absolute;right:16px;top:16px;width:44px;height:44px;border-radius:15px;background:var(--primary-soft);color:var(--primary);font-size:1rem}
.hac-bars{position:absolute;left:19px;right:19px;bottom:17px;height:38px;display:flex;align-items:end;gap:7px}.hac-bars i{display:block;flex:1;border-radius:5px 5px 2px 2px;background:var(--primary-soft)}.hac-bars i:nth-child(1){height:25%}.hac-bars i:nth-child(2){height:45%}.hac-bars i:nth-child(3){height:38%}.hac-bars i:nth-child(4){height:75%;background:color-mix(in srgb,var(--primary) 38%,var(--primary-soft))}.hac-bars i:nth-child(5){height:58%}.hac-bars i:nth-child(6){height:90%;background:var(--primary)}.hac-bars i:nth-child(7){height:68%;background:color-mix(in srgb,var(--primary) 55%,var(--primary-soft))}
.home-activity-primary{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.home-activity-primary .home-action{padding:13px 11px}.home-activity-primary .ha-icon{width:39px;height:39px}.home-activity-primary .ha-copy small{font-size:.56rem}.home-activity-primary .ha-arrow{display:none}
.home-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:9px}.home-activity-grid .home-tile{min-height:89px;padding:9px 5px;text-align:center;align-items:center}.home-activity-grid .ht-icon{width:36px;height:36px;margin-bottom:7px}.home-activity-grid b{font-size:.65rem}.home-activity-grid small{font-size:.54rem}

/* Layout 10 — Balanced Pro */
.home-pro-shell{overflow:hidden;border-radius:29px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.home-pro-profile .home-profile-surface{border:0;border-radius:0;box-shadow:none;margin:0;padding:15px 52px 12px 16px;background:transparent}.home-pro-profile .home-layout-edit{top:13px;right:13px}
.home-pro-balance{position:relative;padding:17px 18px 19px;background:linear-gradient(135deg,var(--primary-soft),color-mix(in srgb,var(--surface) 76%,var(--primary-soft)));border-top:1px solid var(--border);display:grid;grid-template-columns:1fr auto;grid-template-areas:"lab link" "bal link";align-items:center}.home-pro-balance>span{grid-area:lab;font-size:.62rem;color:var(--text-muted)}.home-pro-balance>b{grid-area:bal;font-size:1.62rem;letter-spacing:-.035em;margin-top:2px}.home-pro-balance>button{grid-area:link;color:var(--primary);font-size:.65rem;font-weight:800;background:var(--surface);border:1px solid var(--border);padding:8px 10px;border-radius:12px}.home-pro-balance>button i{font-size:.58rem;margin-left:4px}
.home-pro-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border)}.home-pro-actions>button{position:relative;display:flex;flex-direction:column;align-items:center;padding:14px 5px 13px;color:var(--text);border-right:1px solid var(--border)}.home-pro-actions>button:last-child{border-right:0}.home-pro-actions>button>span{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);margin-bottom:7px}.home-pro-actions b{font-size:.63rem}.home-pro-actions small{font-size:.54rem;color:var(--text-muted);margin-top:2px}
.home-pro-links{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.home-pro-links>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:11px;border-radius:15px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);text-align:left}.home-pro-links>button>i:first-child{color:var(--primary)}.home-pro-links span{display:flex;flex-direction:column}.home-pro-links b{font-size:.68rem}.home-pro-links small{font-size:.54rem;color:var(--text-muted);margin-top:1px}.home-pro-links>button>i:last-child{font-size:.55rem;color:var(--text-muted)}

/* Layout chooser previews 7–10 */
.lp-1{grid-template:12px 1fr 18px / 1.35fr .85fr}.lp-1 .lp-head{grid-column:1/3}.lp-1 .lp-balance{grid-column:1/3;background:var(--primary)}.lp-1 .lp-a{background:var(--primary)}.lp-1 .lp-c,.lp-1 .lp-d{display:none}
.lp-8{grid-template:1fr 19px 15px / repeat(3,1fr)}.lp-8 .lp-head{grid-column:1/4;background:var(--primary-soft)}.lp-8 .lp-balance{display:none}.lp-8 .lp-a{grid-column:1/4;background:var(--primary)}.lp-8 .lp-d{display:none}
.lp-9{grid-template:1fr 18px / repeat(4,1fr)}.lp-9 .lp-head{grid-column:1/5}.lp-9 .lp-balance{display:none}.lp-9 .lp-a{background:var(--primary)}
.lp-10{grid-template:12px 1fr 21px / repeat(4,1fr)}.lp-10 .lp-head{grid-column:1/5}.lp-10 .lp-balance{grid-column:1/5;background:var(--primary-soft)}

[data-theme="dark"] .home-rewards-panel{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface-2))}
[data-theme="dark"] .home-pro-balance{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),var(--surface-2))}
[data-theme="dark"] .heh-earn{background:color-mix(in srgb,#fff 94%,var(--primary-soft))}

@media(max-width:390px){
  .heh-actions{grid-template-columns:1.25fr .85fr}.heh-row b{font-size:1.75rem}.heh-earn{padding:9px}.heh-withdraw{padding:8px 7px}
  .home-activity-grid{gap:6px}.home-activity-grid .home-tile{padding:8px 3px}.home-pro-actions>button{padding-inline:2px}.home-pro-actions b{font-size:.59rem}
  .home-pro-links{gap:6px}.home-pro-links>button{padding:9px 7px;gap:6px}.home-pro-links small{display:none}
}

/* Balanced Pro — polished balanced dashboard */
.home-layout-10{position:relative}
.home-layout-10 .home-pro-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 12%,var(--surface)) 0%,var(--surface) 46%,color-mix(in srgb,var(--primary) 8%,var(--surface-2)) 100%);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));box-shadow:0 18px 46px -28px color-mix(in srgb,var(--primary) 48%,transparent),var(--shadow-sm)}
.home-pro-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:999px;filter:blur(2px)}
.home-pro-glow-a{width:190px;height:190px;right:-88px;top:-104px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 22%,transparent),transparent 70%)}
.home-pro-glow-b{width:155px;height:155px;left:-90px;bottom:34px;background:radial-gradient(circle,color-mix(in srgb,var(--primary) 12%,transparent),transparent 72%)}
.home-layout-10 .home-pro-profile{position:relative;z-index:2}
.home-layout-10 .home-pro-profile .home-profile-surface{padding:17px 54px 14px 17px;background:transparent}
.home-layout-10 .home-pro-profile .pc-avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 10%,var(--surface)),0 8px 20px -12px var(--text)}
.home-layout-10 .home-pro-profile .pc-name{font-weight:850;letter-spacing:-.015em}
.home-layout-10 .home-pro-profile .home-layout-edit{background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(10px);border-color:color-mix(in srgb,var(--primary) 18%,var(--border))}
.home-layout-10 .home-pro-balance{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px 20px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 18%,var(--surface)) 0%,color-mix(in srgb,var(--primary) 8%,var(--surface)) 58%,color-mix(in srgb,var(--primary) 14%,var(--surface-2)) 100%);border-top:1px solid color-mix(in srgb,var(--primary) 14%,var(--border))}
.home-pro-balance-copy{min-width:0;display:flex;flex-direction:column}
.home-pro-balance-copy>span{display:flex;align-items:center;gap:6px;font-size:.62rem;font-weight:750;color:var(--text-muted)}
.home-pro-balance-copy>span i{color:var(--primary);font-size:.68rem}
.home-pro-balance-copy>b{font-size:1.78rem;line-height:1.12;letter-spacing:-.045em;margin-top:4px;color:var(--text)}
.home-pro-balance-copy>small{font-size:.56rem;color:var(--text-muted);margin-top:4px}
.home-pro-wallet-btn{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));color:var(--primary);font-size:.64rem;font-weight:850;box-shadow:0 8px 20px -18px var(--text);backdrop-filter:blur(10px)}
.home-pro-wallet-btn i{font-size:.58rem}
.home-layout-10 .home-pro-actions{position:relative;z-index:2;border-top:1px solid color-mix(in srgb,var(--primary) 14%,var(--border));background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(12px)}
.home-layout-10 .home-pro-actions>button{min-height:86px;padding:13px 4px 12px;border-right-color:color-mix(in srgb,var(--primary) 12%,var(--border));transition:transform .16s ease,background .16s ease}
.home-layout-10 .home-pro-actions>button:active{transform:scale(.96);background:var(--primary-soft)}
.home-layout-10 .home-pro-actions>button>span{width:40px;height:40px;border-radius:14px;margin-bottom:7px;background:linear-gradient(145deg,var(--primary-soft),color-mix(in srgb,var(--primary) 14%,var(--surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent)}
.home-layout-10 .home-pro-actions b{font-size:.64rem;font-weight:850}
.home-layout-10 .home-pro-actions small{font-size:.53rem}
.home-layout-10 .home-pro-links{gap:9px;margin-top:11px}
.home-layout-10 .home-pro-links>button{grid-template-columns:auto 1fr auto;min-height:58px;padding:10px 11px;border-radius:17px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--primary) 4%,var(--surface-2)));border-color:color-mix(in srgb,var(--primary) 12%,var(--border));box-shadow:0 10px 24px -22px var(--text);transition:transform .16s ease,border-color .16s ease}
.home-layout-10 .home-pro-links>button:active{transform:scale(.975);border-color:color-mix(in srgb,var(--primary) 32%,var(--border))}
.home-layout-10 .home-pro-links .home-pro-link-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary)}
.home-layout-10 .home-pro-links>button>.home-pro-link-icon+i{color:var(--primary)}
.home-layout-10 .home-pro-links b{font-size:.69rem;font-weight:850}
.home-layout-10 .home-pro-links small{font-size:.53rem}
[data-theme="dark"] .home-layout-10 .home-pro-shell{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 14%,var(--surface)) 0%,var(--surface) 48%,color-mix(in srgb,var(--primary) 9%,var(--surface-2)) 100%);border-color:color-mix(in srgb,var(--primary) 24%,var(--border))}
[data-theme="dark"] .home-layout-10 .home-pro-balance{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 17%,var(--surface)),color-mix(in srgb,var(--primary) 7%,var(--surface-2)))}
[data-theme="dark"] .home-layout-10 .home-pro-actions{background:color-mix(in srgb,var(--surface) 90%,transparent)}
@media(max-width:390px){
  .home-pro-balance-copy>b{font-size:1.64rem}.home-pro-balance-copy>small{display:none}.home-pro-wallet-btn span{display:none}.home-pro-wallet-btn{width:38px;height:38px;padding:0;justify-content:center}.home-layout-10 .home-pro-actions>button{min-height:82px}.home-layout-10 .home-pro-actions>button>span{width:37px;height:37px}.home-layout-10 .home-pro-links>button{min-height:54px;padding:9px 8px}.home-layout-10 .home-pro-links .home-pro-link-icon{width:31px;height:31px}
}


/* ---- TRANSACTION HISTORY ADVANCED FILTER ---- */
.transactions-page .section-title{margin-bottom:8px}
.tx-filter-line{display:flex;align-items:center;gap:9px;margin:0 0 8px}
.tx-filter-line .tx-filters{flex:1;margin:0;min-width:0}
.tx-advanced-toggle{width:38px;height:38px;flex:0 0 38px;border-radius:13px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.76rem;transition:transform .16s var(--ease),background .2s,color .2s,border-color .2s}
.tx-advanced-toggle:active{transform:scale(.94)}
.tx-advanced-toggle.active{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,var(--border))}
.tx-advanced-wrap{display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-4px);transition:grid-template-rows .3s var(--ease),opacity .22s ease,transform .3s var(--ease)}
.tx-advanced-wrap.open{grid-template-rows:1fr;opacity:1;transform:none}
.tx-advanced-inner{min-height:0;overflow:hidden}
.tx-advanced-panel{margin:4px 0 13px;padding:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,var(--surface-2) 68%,var(--surface)));box-shadow:var(--shadow-sm)}
.tx-search-field>span,.tx-date-field>span{display:block;margin:0 0 6px 2px;font-size:.66rem;font-weight:800;color:var(--text-muted)}
.tx-search-field>div{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1.5px solid var(--border);border-radius:14px;background:var(--surface);transition:border-color .18s,box-shadow .18s}
.tx-search-field>div:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.tx-search-field i{color:var(--text-muted);font-size:.72rem}
.tx-search-field input,.tx-date-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:.76rem}
.tx-search-field input::placeholder{color:color-mix(in srgb,var(--text-muted) 72%,transparent)}
.tx-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.tx-date-field input{height:42px;padding:0 10px;border:1.5px solid var(--border);border-radius:13px;background:var(--surface);color-scheme:light}
[data-theme="dark"] .tx-date-field input{color-scheme:dark}
.tx-date-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}
.tx-search-btn{width:100%;min-height:44px;margin-top:13px;border-radius:14px;background:var(--grad);color:#fff;font-size:.74rem;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 12px 24px -18px var(--primary);position:relative;overflow:hidden}
.tx-search-btn:active{transform:scale(.985)}
.tx-search-state{margin:10px 0}
.tx-state-loader,.tx-result-found,.tx-state-empty{border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-sm)}
.tx-state-loader{min-height:126px;display:flex;align-items:center;justify-content:center;gap:14px;padding:22px}
.tx-state-loader>div{display:flex;flex-direction:column;gap:3px}.tx-state-loader b{font-size:.82rem}.tx-state-loader small{font-size:.66rem;color:var(--text-muted)}
.tx-orbit-loader{width:36px;height:36px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);display:grid;place-items:center;animation:txOrbit .8s linear infinite;flex:none}
.tx-orbit-loader i{width:7px;height:7px;border-radius:50%;background:var(--primary)}
@keyframes txOrbit{to{transform:rotate(360deg)}}
.tx-result-found{display:flex;align-items:center;gap:10px;padding:10px 12px;border-color:color-mix(in srgb,var(--success) 22%,var(--border));background:color-mix(in srgb,var(--success-soft) 42%,var(--surface))}
.tx-result-found>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--success-soft);color:var(--success);font-size:.68rem;flex:none}
.tx-result-found>div{display:flex;flex-direction:column;gap:1px}.tx-result-found b{font-size:.7rem}.tx-result-found small{font-size:.58rem;color:var(--text-muted)}
.tx-state-empty{min-height:160px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.tx-state-empty>span{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-muted);font-size:1rem}
.tx-state-empty>b{margin-top:11px;font-size:.8rem}.tx-state-empty>small{max-width:260px;margin-top:5px;font-size:.64rem;line-height:1.5;color:var(--text-muted)}
@media(max-width:380px){.tx-date-grid{gap:8px}.tx-advanced-panel{padding:12px}.tx-filters .tf{padding-left:13px;padding-right:13px}}

/* ===== Phase 33 — Wallet polish + legal/settings links ===== */
.wallet-hero{
  isolation:isolate;
  background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 94%,#171a31),color-mix(in srgb,var(--primary-dark) 86%,#111827));
  box-shadow:0 22px 46px -29px color-mix(in srgb,var(--primary) 85%,transparent);
}
.wallet-hero:before,.wallet-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}
.wallet-hero:before{width:205px;height:205px;right:-92px;top:-102px;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 60px rgba(255,255,255,.05)}
.wallet-hero:after{width:112px;height:112px;right:-24px;top:-34px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}
.wallet-sub .ws{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1)}
.wallet-actions{position:relative;z-index:1}
.wallet-recent-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 2px 0}
.wallet-recent-head h2{margin:0}
.wallet-recent-head button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 9px;border-radius:10px;background:transparent;color:var(--primary);font-family:inherit;font-size:.72rem;font-weight:850}
.wallet-recent-head button:active{background:var(--primary-soft);transform:scale(.97)}
.wallet-recent-head button i{font-size:.56rem}
.wallet-recent-filters{margin:10px 0 10px}

.settings-policy-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:10px 10px 4px;color:var(--text-muted)}
.settings-policy-links button{border:0;background:none;color:var(--text-muted);font-family:inherit;font-size:.7rem;font-weight:750;padding:4px 2px}
.settings-policy-links button:active{color:var(--primary)}
.settings-policy-links span{font-size:.58rem;opacity:.55}
.policy-mini-status{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 11px;border:1px solid var(--border);border-radius:13px;background:var(--surface-2);color:var(--text-muted);font-size:.72rem;font-weight:750}
.policy-mini-status.on{background:color-mix(in srgb,var(--success-soft) 62%,var(--surface));border-color:color-mix(in srgb,var(--success) 20%,var(--border));color:var(--success)}

/* ===== Profile photo cropper — gesture-first, no range slider ===== */
.profile-cropper{padding:2px 0 4px}
.profile-crop-stage-wrap{display:flex;justify-content:center;padding:4px 0 2px}
.profile-crop-stage{
  position:relative;
  width:min(76vw,300px);
  aspect-ratio:1;
  overflow:hidden;
  border-radius:50%;
  background:#0c0d12;
  touch-action:none;
  user-select:none;
  cursor:grab;
  box-shadow:0 18px 42px -24px rgba(0,0,0,.65),0 0 0 1px color-mix(in srgb,var(--border) 72%,transparent);
  isolation:isolate;
}
.profile-crop-stage:active{cursor:grabbing}
.profile-crop-stage img{
  position:absolute;
  left:50%;top:50%;
  max-width:none!important;
  max-height:none!important;
  pointer-events:none;
  user-select:none;
  -webkit-user-drag:none;
  will-change:width,height,transform;
  transform-origin:center;
}
.profile-crop-stage img.crop-animate{transition:width .18s var(--ease),height .18s var(--ease),transform .18s var(--ease)}
.profile-crop-grid,.profile-crop-ring{position:absolute;inset:0;pointer-events:none}
.profile-crop-grid{
  z-index:2;
  opacity:.28;
  background:
    linear-gradient(to right,transparent 33.2%,rgba(255,255,255,.6) 33.35%,rgba(255,255,255,.6) 33.65%,transparent 33.8%,transparent 66.2%,rgba(255,255,255,.6) 66.35%,rgba(255,255,255,.6) 66.65%,transparent 66.8%),
    linear-gradient(to bottom,transparent 33.2%,rgba(255,255,255,.6) 33.35%,rgba(255,255,255,.6) 33.65%,transparent 33.8%,transparent 66.2%,rgba(255,255,255,.6) 66.35%,rgba(255,255,255,.6) 66.65%,transparent 66.8%);
}
.profile-crop-ring{z-index:3;border:2px solid rgba(255,255,255,.86);border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}
.profile-crop-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 4px 10px;color:var(--text-muted);font-size:.63rem;font-weight:700;text-align:center}
.profile-crop-hint i{color:var(--primary);font-size:.66rem}
.profile-crop-controls{display:grid;grid-template-columns:44px minmax(120px,1fr) 44px;align-items:center;gap:9px;max-width:300px;margin:0 auto 14px}
.profile-crop-control,.profile-crop-reset{height:44px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);box-shadow:var(--shadow-sm);transition:transform .14s ease,background .14s ease,border-color .14s ease}
.profile-crop-control{width:44px;border-radius:14px;display:grid;place-items:center;font-size:.72rem}
.profile-crop-reset{border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;font-family:inherit;font-weight:850}
.profile-crop-reset i{font-size:.65rem;color:var(--primary)}
.profile-crop-reset span{font-size:.72rem;min-width:38px;text-align:center}
.profile-crop-control:active,.profile-crop-reset:active{transform:scale(.96);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}
.profile-crop-actions{display:grid;grid-template-columns:.9fr 1.1fr;gap:9px}
.profile-crop-actions .btn{margin:0;min-height:48px;padding-left:10px;padding-right:10px;gap:7px}
.profile-crop-actions .btn i{font-size:.7rem}
@media(max-width:360px){
  .profile-crop-stage{width:min(74vw,268px)}
  .profile-crop-controls{max-width:268px}
  .profile-crop-actions{grid-template-columns:1fr}
  .profile-crop-hint{font-size:.59rem}
}