:root{
  --bg:#f4f4f4;--panel:#fff;--ink:#0a0a0a;--muted:#6b6b6b;--line:#dedede;--soft:#f7f7f7;--dark:#0b0b0b;--danger:#b42318;--ok:#137333;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,#fff 0,#f5f5f5 38%,#ececec 100%);min-height:100vh}a{color:inherit}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(360px,.95fr)}.auth-brand{background:#090909;color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-220px;top:-160px}.auth-brand:after{content:"";position:absolute;width:320px;height:320px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-170px;bottom:-130px}.brand-lockup,.brand-copy,.brand-foot{position:relative;z-index:1}.brand-lockup{display:flex;gap:14px;align-items:center}.brand-mark{width:46px;height:46px;border:1px solid rgba(255,255,255,.22);border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:.08em;background:#fff;color:#0a0a0a}.brand-lockup strong{display:block;font-size:15px}.brand-lockup span{display:block;margin-top:3px;color:#aaa;font-size:12px}.brand-copy{max-width:620px}.brand-copy .eyebrow{font-size:11px;letter-spacing:.22em;color:#bdbdbd;font-weight:800;margin:0 0 18px}.brand-copy h1{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.brand-copy p{color:#b8b8b8;line-height:1.75;max-width:520px;margin:0}.feature-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.feature-row span{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);padding:9px 12px;border-radius:999px;font-size:11px;color:#d0d0d0}.brand-foot{font-size:11px;color:#8f8f8f}.auth-main{display:flex;align-items:center;justify-content:center;padding:36px}.auth-card{width:min(520px,100%);background:rgba(255,255,255,.94);border:1px solid #d9d9d9;border-radius:28px;padding:36px;box-shadow:0 30px 90px rgba(0,0,0,.10);backdrop-filter:blur(10px)}.auth-card.wide{width:min(720px,100%)}.auth-kicker{margin:0 0 8px;font-size:11px;font-weight:900;letter-spacing:.18em;color:#777}.auth-card h2{margin:0;font-size:32px;letter-spacing:-.04em}.auth-card>.lead{color:var(--muted);line-height:1.65;margin:10px 0 26px}.field{display:grid;gap:8px;margin:16px 0}.field label{font-size:12px;font-weight:800;color:#333}.field input,.field select{width:100%;height:48px;border:1px solid #d6d6d6;border-radius:13px;background:#fff;padding:0 14px;font:inherit;color:#111;outline:none;transition:.18s}.field input:focus,.field select:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.07)}.field small{color:#808080}.btn{border:0;border-radius:13px;min-height:48px;padding:0 18px;font-weight:850;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-dark{background:#0a0a0a;color:#fff}.btn-light{background:#fff;color:#111;border:1px solid #d8d8d8}.btn-danger{background:#fff;color:var(--danger);border:1px solid #e7c8c5}.btn-sm{min-height:36px;padding:0 12px;border-radius:10px;font-size:12px}.btn-full{width:100%;margin-top:12px}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:20px;font-size:12px;color:#666}.auth-links a{font-weight:800;color:#111}.alert{padding:13px 14px;border-radius:12px;margin:14px 0;font-size:12px;line-height:1.55}.alert.error{background:#fff1f0;color:#8f1d15;border:1px solid #efcbc8}.alert.success{background:#f0faf3;color:#12642e;border:1px solid #cce9d5}.alert.info{background:#f3f3f3;color:#444;border:1px solid #ddd}.page-shell{min-height:100vh;background:#f2f2f2}.app-nav{height:74px;background:#090909;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,54px);border-bottom:1px solid #252525;position:sticky;top:0;z-index:10}.app-nav .left{display:flex;align-items:center;gap:13px}.app-nav .mini-mark{width:38px;height:38px;background:#fff;color:#000;border-radius:11px;display:grid;place-items:center;font-weight:900}.app-nav strong{font-size:14px}.app-nav small{display:block;color:#9f9f9f;margin-top:2px}.app-nav .right{display:flex;align-items:center;gap:10px}.nav-chip{border:1px solid #303030;border-radius:999px;padding:8px 12px;font-size:11px;color:#cfcfcf}.page-content{max-width:1380px;margin:0 auto;padding:34px clamp(18px,4vw,54px) 60px}.page-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.page-title h1{font-size:34px;letter-spacing:-.045em;margin:0}.page-title p{color:#6d6d6d;margin:8px 0 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:0 0 24px}.stat{background:#fff;border:1px solid #ddd;border-radius:18px;padding:19px}.stat span{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.stat strong{display:block;font-size:28px;margin-top:8px;letter-spacing:-.04em}.panel{background:#fff;border:1px solid #ddd;border-radius:22px;padding:22px;margin-bottom:20px;box-shadow:0 10px 35px rgba(0,0,0,.035)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.panel-head h2{margin:0;font-size:18px}.panel-head p{margin:5px 0 0;color:#777;font-size:12px}.search-form{display:flex;gap:8px}.search-form input{height:40px;border:1px solid #d8d8d8;border-radius:11px;padding:0 12px;min-width:260px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:980px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #ececec;padding:13px 10px;vertical-align:middle;font-size:12px}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#777}.user-name{font-weight:850}.user-email{display:block;color:#777;margin-top:3px}.role-badge,.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:850;border:1px solid #ddd}.role-badge.Premium,.status-badge.active{background:#111;color:#fff;border-color:#111}.role-badge.Admin{background:#e9e9e9;color:#000}.status-badge.blocked{color:#9d251c;background:#fff0ef;border-color:#e9c5c2}.inline-controls{display:flex;align-items:center;gap:7px}.inline-controls select{height:36px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;padding:0 8px}.empty-state{padding:30px;text-align:center;color:#777}.account-card{max-width:760px;margin:70px auto;background:#fff;border:1px solid #ddd;border-radius:26px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.07)}.account-icon{width:58px;height:58px;border-radius:18px;background:#0a0a0a;color:#fff;display:grid;place-items:center;font-size:22px}.account-card h1{font-size:32px;margin:20px 0 10px;letter-spacing:-.04em}.account-card p{color:#686868;line-height:1.7}.account-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.meta-box{padding:15px;border:1px solid #e1e1e1;border-radius:14px;background:#fafafa}.meta-box span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.meta-box strong{display:block;margin-top:7px;font-size:13px}.account-actions{display:flex;gap:10px;flex-wrap:wrap}.danger-zone{border-top:1px solid #eee;margin-top:24px;padding-top:20px}.usage-cost{font-variant-numeric:tabular-nums}.setup-note{font-size:12px;color:#666;background:#f5f5f5;border:1px solid #dfdfdf;border-radius:13px;padding:14px;line-height:1.6}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.muted{color:#777}.code-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f4f4f4;border:1px solid #ddd;padding:2px 6px;border-radius:6px}.footer-note{text-align:center;color:#888;font-size:11px;padding:0 20px 28px}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{min-height:360px;padding:32px}.brand-copy h1{font-size:46px}.auth-main{padding:24px}.stats{grid-template-columns:repeat(2,1fr)}.page-title{align-items:flex-start;flex-direction:column}.app-nav{height:auto;min-height:70px;padding-top:12px;padding-bottom:12px;gap:12px;align-items:flex-start}.app-nav .right{flex-wrap:wrap;justify-content:flex-end}.grid-2{grid-template-columns:1fr}}@media(max-width:560px){.auth-brand{min-height:310px;padding:24px}.brand-copy h1{font-size:38px}.auth-card{padding:24px;border-radius:22px}.auth-main{padding:14px}.stats{grid-template-columns:1fr 1fr}.search-form{width:100%}.search-form input{min-width:0;width:100%}.account-meta{grid-template-columns:1fr}.app-nav .right .nav-chip{display:none}}


/* v8.1 login persistence + user dashboard */
.remember-row{display:flex;align-items:flex-start;gap:11px;margin:17px 0 3px;cursor:pointer;user-select:none;color:#333}.remember-row>input{position:absolute;opacity:0;pointer-events:none}.remember-box{width:20px;height:20px;border:1px solid #cfcfcf;border-radius:6px;background:#fff;display:grid;place-items:center;flex:0 0 auto;margin-top:1px;transition:.18s}.remember-row>input:checked+.remember-box{background:#0a0a0a;border-color:#0a0a0a}.remember-row>input:checked+.remember-box:after{content:"✓";color:#fff;font-size:12px;font-weight:900}.remember-row>input:focus-visible+.remember-box{box-shadow:0 0 0 3px rgba(0,0,0,.12)}.remember-row strong{display:block;font-size:12px}.remember-row small{display:block;margin-top:3px;color:#777;line-height:1.4}.dashboard-body{background:linear-gradient(180deg,#ededed 0,#f7f7f7 380px,#f2f2f2 100%)}.user-dashboard{max-width:1280px}.dashboard-hero{min-height:285px;border-radius:30px;background:#090909;color:#fff;padding:clamp(28px,4vw,52px);display:flex;align-items:flex-end;justify-content:space-between;gap:30px;overflow:hidden;position:relative;box-shadow:0 28px 90px rgba(0,0,0,.18);margin-bottom:18px}.dashboard-hero:before{content:"";position:absolute;right:-100px;top:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.09);border-radius:50%}.dashboard-hero:after{content:"";position:absolute;right:100px;top:-120px;width:360px;height:360px;border:1px solid rgba(255,255,255,.055);border-radius:50%}.dashboard-hero>div{position:relative;z-index:1}.dashboard-eyebrow{margin:0 0 9px;font-size:10px;letter-spacing:.18em;font-weight:900;color:#888}.dashboard-hero .dashboard-eyebrow{color:#b8b8b8}.dashboard-hero h1{margin:0;font-size:clamp(34px,5vw,58px);letter-spacing:-.055em;line-height:1}.dashboard-hero>div>p:not(.dashboard-eyebrow){max-width:680px;color:#b5b5b5;line-height:1.7;margin:16px 0 0}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-badges span{font-size:10px;border:1px solid rgba(255,255,255,.14);color:#cfcfcf;background:rgba(255,255,255,.04);border-radius:999px;padding:8px 11px}.hero-badges b{color:#fff}.dashboard-monogram{width:104px;height:104px;border-radius:30px;background:#fff!important;color:#090909;display:grid;place-items:center;font-size:44px;font-weight:900;box-shadow:0 18px 50px rgba(0,0,0,.2);flex:0 0 auto}.access-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;margin-bottom:32px}.access-banner.locked{background:#fff;border:1px solid #d7d7d7}.access-banner.unlocked{background:#111;color:#fff;border:1px solid #111}.access-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#efefef;color:#111}.access-banner.unlocked .access-icon{background:#fff;color:#111}.access-banner strong{font-size:13px}.access-banner p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#777}.access-banner.unlocked p{color:#aaa}.premium-pill{border:1px solid #444;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:900;letter-spacing:.1em}.dashboard-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:0 2px 15px}.dashboard-section-head h2{margin:0;font-size:26px;letter-spacing:-.04em}.section-counter{font-size:11px;color:#777}.tool-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-bottom:16px}.ai-tool-card{background:#fff;border:1px solid #dcdcdc;border-radius:24px;padding:25px;min-height:300px;display:flex;flex-direction:column;box-shadow:0 15px 45px rgba(0,0,0,.04);position:relative;overflow:hidden}.ai-tool-card.featured:before{content:"";position:absolute;right:-90px;top:-120px;width:260px;height:260px;border:1px solid #ececec;border-radius:50%}.ai-tool-card.tool-locked{background:#fafafa}.tool-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.tool-icon{width:50px;height:50px;border-radius:15px;background:#0a0a0a;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900;letter-spacing:.08em}.tool-icon.ghost{background:#efefef;color:#777}.tool-access-badge{font-size:9px;font-weight:900;letter-spacing:.12em;border-radius:999px;background:#111;color:#fff;padding:7px 9px}.tool-access-badge.neutral{background:#f0f0f0;color:#777;border:1px solid #ddd}.ai-tool-card h3{font-size:24px;letter-spacing:-.04em;margin:25px 0 10px;max-width:470px;position:relative;z-index:1}.ai-tool-card p{color:#6d6d6d;line-height:1.65;font-size:12px;max-width:620px;margin:0;position:relative;z-index:1}.tool-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.tool-tags span{font-size:9px;font-weight:800;border:1px solid #ddd;background:#fafafa;border-radius:999px;padding:7px 9px;color:#555}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:24px}.tool-card-footer>span{font-size:10px;color:#888}.btn-disabled{background:#e9e9e9;color:#8a8a8a;border:1px solid #ddd;cursor:not-allowed}.tool-placeholder-lines{display:grid;gap:9px;margin:22px 0}.tool-placeholder-lines span{height:8px;border-radius:99px;background:#efefef}.tool-placeholder-lines span:nth-child(1){width:86%}.tool-placeholder-lines span:nth-child(2){width:70%}.tool-placeholder-lines span:nth-child(3){width:48%}.dashboard-lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-panel{background:#fff;border:1px solid #ddd;border-radius:22px;padding:22px;box-shadow:0 12px 38px rgba(0,0,0,.035)}.dashboard-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}.dashboard-panel h3{margin:0;font-size:18px}.account-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.account-list>div{border:1px solid #e5e5e5;background:#fafafa;border-radius:13px;padding:13px}.account-list span,.usage-mini-grid span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#888;font-weight:900}.account-list strong{display:block;margin-top:6px;font-size:12px;overflow-wrap:anywhere}.usage-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usage-mini-grid>div{border:1px solid #e3e3e3;border-radius:14px;padding:15px}.usage-mini-grid strong{display:block;margin-top:7px;font-size:23px;letter-spacing:-.04em}.recent-mini-list{margin-top:13px;border-top:1px solid #eee}.recent-mini-list>div{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid #eee;font-size:11px}.recent-mini-list small{color:#888}.recent-mini-list b{font-size:10px}.dashboard-empty{margin-top:14px;background:#f7f7f7;border:1px dashed #d9d9d9;border-radius:12px;padding:20px;text-align:center;color:#888;font-size:11px}
@media(max-width:900px){.tool-grid,.dashboard-lower-grid{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.dashboard-monogram{width:76px;height:76px;border-radius:22px;font-size:32px}.access-banner{grid-template-columns:auto 1fr}.access-banner>:last-child{grid-column:1/-1;justify-self:start}.account-list{grid-template-columns:1fr 1fr}}@media(max-width:560px){.dashboard-hero{padding:27px 22px;min-height:330px;flex-direction:column}.dashboard-monogram{order:-1}.account-list,.usage-mini-grid{grid-template-columns:1fr}.dashboard-section-head{align-items:flex-start;flex-direction:column}.tool-card-footer{align-items:flex-start;flex-direction:column}.access-banner{grid-template-columns:1fr}.access-icon{width:38px;height:38px}}

/* =========================
   v8.3 Wallet & Finance UI
   ========================= */
.balance-card{background:#0a0a0b;color:#fff;border:1px solid #222;border-radius:22px;padding:20px 24px;min-width:220px;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.balance-card.compact{display:flex;flex-direction:column;gap:5px}.balance-card span,.hero-wallet span{font-size:11px;letter-spacing:.11em;text-transform:uppercase;color:#a7a7ad;font-weight:800}.balance-card strong,.hero-wallet strong{font-size:30px;line-height:1;font-weight:800;letter-spacing:-.03em}.balance-card small,.hero-wallet small{color:#aaa;font-size:12px}
.wallet-hero{align-items:stretch}.hero-wallet{min-width:270px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.06);border-radius:22px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.hero-wallet .btn{margin-top:8px;align-self:flex-start}
.wallet-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 34px}.wallet-stats>div{border:1px solid #e5e5e5;background:#fff;border-radius:18px;padding:18px}.wallet-stats span{display:block;color:#777;font-size:12px;font-weight:700;margin-bottom:8px}.wallet-stats strong{font-size:24px;letter-spacing:-.02em}
.tool-price-row{display:grid;grid-template-columns:1fr auto;gap:4px 14px;border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:14px 0;margin:16px 0}.tool-price-row span{font-size:12px;color:#666}.tool-price-row strong{font-size:18px}.tool-price-row small{grid-column:1/-1;color:#999}.wallet-list b.positive,.ledger-amount.credit,.profit-positive{color:#137333}.wallet-list b.negative,.ledger-amount.debit,.profit-negative{color:#b3261e}
.finance-page{max-width:1240px}.finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}.payment-instruction{background:linear-gradient(135deg,#0b0b0c,#171719);color:#fff;border-color:#232326}.payment-instruction .panel-head p,.payment-instruction .dashboard-eyebrow{color:#a9a9ad}.payment-badge{background:#fff;color:#111;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.payment-destination{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);padding:20px;border-radius:18px;margin:18px 0}.payment-destination span{grid-column:1/-1;color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}.payment-destination strong{font-size:20px;overflow-wrap:anywhere}.finance-note{border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px;color:#cfcfd3;font-size:13px}.finance-form{display:grid;gap:16px}.money-input{display:flex;align-items:center;border:1px solid #d9d9dc;border-radius:12px;background:#fff;overflow:hidden}.money-input span{font-weight:800;padding:0 0 0 14px;color:#555}.money-input input{border:0!important;box-shadow:none!important;flex:1}.status-badge.pending{background:#fff7e6;color:#7a4d00;border:1px solid #f0d69f}.ledger-type{display:inline-flex;padding:5px 8px;border-radius:8px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ledger-type.credit{background:#eaf6ed;color:#137333}.ledger-type.debit{background:#fcebea;color:#b3261e}.ledger-amount{font-weight:800;white-space:nowrap}
.finance-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.finance-stat{background:#fff;border:1px solid #e3e3e5;border-radius:18px;padding:18px}.finance-stat.dark{background:#0b0b0c;color:#fff;border-color:#0b0b0c}.finance-stat span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#737378;font-weight:800}.finance-stat.dark span{color:#aaa}.finance-stat strong{display:block;font-size:25px;margin-top:9px;letter-spacing:-.03em}.finance-stat small{display:block;color:#999;margin-top:5px}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pricing-card{border:1px solid #e3e3e5;border-radius:18px;padding:18px;background:#fafafa;display:grid;gap:14px}.pricing-card h3{margin:4px 0 0}.toggle-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.toggle-row input{width:18px;height:18px}.paypal-setting{display:grid;grid-template-columns:1fr minmax(220px,360px) auto;gap:14px;align-items:center;border-top:1px solid #ececec;margin-top:20px;padding-top:20px}.paypal-setting small{display:block;color:#777;margin-top:4px}.topup-actions{display:flex;gap:6px}.mini-user-stats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.mini-user-stats span{border:1px solid #e2e2e4;background:#fafafa;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}
.admin-finance-body .page-content{max-width:1500px}.admin-finance-body .data-table code{font-size:12px;background:#f5f5f6;border:1px solid #e5e5e7;padding:5px 7px;border-radius:8px}.admin-finance-body .table-wrap{overflow:auto}
@media(max-width:1000px){.wallet-stats,.finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-grid,.pricing-grid{grid-template-columns:1fr}.paypal-setting{grid-template-columns:1fr}.wallet-hero{flex-direction:column}.hero-wallet{min-width:0}}
@media(max-width:620px){.wallet-stats,.finance-stat-grid{grid-template-columns:1fr}.page-title{align-items:stretch}.balance-card.compact{width:100%}.topup-actions{flex-direction:column}.payment-destination{grid-template-columns:1fr}.payment-destination .btn{justify-self:start}}

/* =========================================================
   v8.4 — Unified Full-Width Black & White Product UI
   Visual-only layer. No application/accounting logic changes.
   ========================================================= */
:root{
  --ui-bg:#f2f2f0;
  --ui-surface:#ffffff;
  --ui-surface-2:#f8f8f6;
  --ui-ink:#0a0a0b;
  --ui-muted:#6f6f73;
  --ui-line:#ddddda;
  --ui-line-strong:#c9c9c5;
  --ui-dark:#0a0a0b;
  --ui-dark-2:#171719;
  --ui-radius:22px;
  --ui-radius-sm:14px;
  --ui-shadow:0 18px 50px rgba(0,0,0,.055);
  --ui-shadow-dark:0 20px 58px rgba(0,0,0,.18);
}
html{background:var(--ui-bg)}
body{
  background:
    radial-gradient(circle at 0 0,rgba(0,0,0,.045),transparent 30rem),
    linear-gradient(rgba(0,0,0,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,0,0,.018) 1px,transparent 1px),
    var(--ui-bg);
  background-size:auto,38px 38px,38px 38px,auto;
  color:var(--ui-ink);
  -webkit-font-smoothing:antialiased;
}
button,input,select,textarea{font:inherit}
button,a,input,select{transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
a{text-underline-offset:3px}

/* Shared controls */
.btn{border-radius:12px;min-height:44px;padding:0 16px;letter-spacing:-.005em}
.btn:hover:not(:disabled){transform:translateY(-1px)}
.btn-dark{background:var(--ui-dark);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.btn-dark:hover{background:#202022}
.btn-light{background:#fff;border-color:#d7d7d3}
.btn-light:hover{background:#f4f4f2;border-color:#c8c8c4}
.btn-sm{min-height:38px;border-radius:10px}
.field{margin:14px 0;gap:7px}
.field label{font-size:12px;color:#323235}
.field input,.field select,.search-form input,.paypal-setting input,.inline-controls select{
  border-color:#d7d7d3;background:#fff;color:#111;border-radius:12px;
}
.field input,.field select{height:50px}
.field input:focus,.field select:focus,.search-form input:focus,.paypal-setting input:focus,.inline-controls select:focus{
  border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.07);outline:0;
}

/* Auth / signup / setup — full viewport, same product language */
.auth-shell{width:100%;min-height:100svh;grid-template-columns:minmax(380px,42%) minmax(0,58%);background:var(--ui-bg)}
.auth-brand{
  padding:clamp(34px,4vw,66px);
  background:linear-gradient(145deg,#070708 0,#111113 62%,#09090a 100%);
  border-right:1px solid #262629;
}
.auth-brand:before{width:620px;height:620px;right:-270px;top:-230px;border-color:rgba(255,255,255,.075)}
.auth-brand:after{width:380px;height:380px;left:-200px;bottom:-180px;border-color:rgba(255,255,255,.05)}
.brand-mark{border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.3)}
.brand-lockup strong{font-size:16px;letter-spacing:-.02em}.brand-lockup span{color:#949499}
.brand-copy{max-width:720px}.brand-copy h1{font-size:clamp(42px,5vw,78px);max-width:760px}.brand-copy p{font-size:14px;max-width:640px}
.feature-row span{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)}
.auth-main{justify-content:center;padding:clamp(24px,4vw,64px);background:rgba(247,247,245,.74)}
.auth-card{width:min(680px,100%);padding:clamp(26px,3vw,44px);border-radius:24px;border-color:#d9d9d5;box-shadow:var(--ui-shadow)}
.auth-card.wide{width:min(900px,100%)}
.auth-card h2{font-size:clamp(28px,3vw,38px)}
.auth-card>.lead{font-size:13px;max-width:620px}
.auth-links{padding-top:4px;border-top:1px solid #ececea;margin-top:24px;padding-top:18px}
.remember-row{padding:10px 0}
.alert{border-radius:12px}

/* Universal authenticated layout */
.page-shell,.dashboard-body,.admin-finance-body{background:var(--ui-bg)}
.app-nav{
  width:100%;height:auto;min-height:72px;padding:12px clamp(16px,2.2vw,38px);
  background:rgba(10,10,11,.98);backdrop-filter:blur(14px);
  border-bottom:1px solid #29292c;box-shadow:0 8px 26px rgba(0,0,0,.13);
  gap:18px;
}
.app-nav .left{min-width:220px}.app-nav .mini-mark{border-radius:11px}
.app-nav .right{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.app-nav .right .btn-light{background:#151517;color:#f5f5f5;border-color:#343437}
.app-nav .right .btn-light:hover{background:#fff;color:#111;border-color:#fff}
.nav-chip{background:#141416;border-color:#333336;color:#d7d7da;white-space:nowrap}

/* Full width means full application canvas; side padding protects readability. */
.page-content,.user-dashboard,.finance-page,.admin-finance-body .page-content{
  width:100%;max-width:none!important;margin:0;padding:clamp(20px,2.2vw,38px) clamp(14px,2.2vw,38px) 56px;
}
.page-title{margin-bottom:20px;align-items:center}
.page-title h1{font-size:clamp(30px,3vw,44px);line-height:1.04;max-width:980px}
.page-title p{font-size:13px;line-height:1.65;max-width:850px}
.dashboard-eyebrow{letter-spacing:.14em}

.panel,.dashboard-panel,.ai-tool-card,.wallet-stats>div,.finance-stat,.pricing-card{
  border-color:var(--ui-line);box-shadow:var(--ui-shadow);background:var(--ui-surface);
}
.panel{border-radius:20px;padding:clamp(18px,2vw,28px);margin-bottom:18px}
.panel-head{align-items:flex-start;margin-bottom:20px}.panel-head h2{font-size:20px;letter-spacing:-.025em}.panel-head p{font-size:12px;line-height:1.6;max-width:860px}

/* Dashboard */
.dashboard-hero{
  min-height:250px;border-radius:24px;margin-bottom:16px;padding:clamp(28px,3vw,48px);
  background:linear-gradient(135deg,#070708,#151517 58%,#0b0b0c);box-shadow:var(--ui-shadow-dark);
}
.dashboard-hero h1{font-size:clamp(34px,4vw,58px);line-height:1;max-width:960px}
.dashboard-hero p{max-width:900px}
.hero-wallet{min-width:310px;border-radius:18px}
.wallet-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 30px}
.wallet-stats>div{border-radius:16px;padding:18px 20px}.wallet-stats strong{font-size:26px}
.access-banner{border-radius:18px}
.tool-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px}
.ai-tool-card{border-radius:20px;min-height:285px;padding:24px}
.ai-tool-card h3{font-size:25px}.dashboard-lower-grid{gap:14px}.dashboard-panel{border-radius:20px;padding:22px}
.recent-mini-list>div{padding:12px 3px}

/* Finance/admin */
.balance-card{border-radius:18px;box-shadow:var(--ui-shadow-dark)}
.finance-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin:18px 0}
.payment-instruction{background:linear-gradient(145deg,#080809,#171719);border-color:#252528}
.finance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}
.finance-stat{border-radius:16px;min-height:126px;display:flex;flex-direction:column;justify-content:center}
.finance-stat strong{font-size:clamp(22px,2vw,30px)}
.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.pricing-card{border-radius:16px}
.paypal-setting{grid-template-columns:minmax(220px,1fr) minmax(260px,420px) auto}
.mini-user-stats{gap:7px}.mini-user-stats span{background:#fff}

/* Tables: desktop wide, mobile scroll safe */
.table-wrap{
  width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;
  border:1px solid #e6e6e3;border-radius:14px;background:#fff;
}
.data-table{min-width:900px}
.data-table th{position:sticky;top:0;z-index:1;background:#f6f6f4;color:#666;padding:12px 14px}
.data-table td{padding:14px;border-bottom-color:#ececea}
.data-table tbody tr:hover{background:#fafaf8}
.data-table tr:last-child td{border-bottom:0}
.search-form input{min-width:320px}
.inline-controls{flex-wrap:wrap}

/* Account/security panels when used in content layouts */
.account-card{max-width:none;margin:0;border-radius:20px;box-shadow:var(--ui-shadow)}
.footer-note{padding:0 clamp(14px,2.2vw,38px) 28px}

@media(max-width:1100px){
  .auth-shell{grid-template-columns:minmax(330px,40%) minmax(0,60%)}
  .tool-grid{grid-template-columns:1fr 1fr}
  .wallet-stats,.finance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .paypal-setting{grid-template-columns:1fr 1fr}.paypal-setting .btn{grid-column:2;justify-self:end}
}
@media(max-width:860px){
  .auth-shell{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:30px 24px;gap:32px;border-right:0;border-bottom:1px solid #27272a}.brand-copy h1{font-size:42px}.brand-foot{display:none}.auth-main{padding:20px 14px 34px}.auth-card,.auth-card.wide{width:100%;max-width:760px}
  .app-nav{position:sticky;align-items:stretch;flex-direction:column;padding:12px 14px;gap:10px}.app-nav .left{min-width:0}.app-nav .right{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.app-nav .right::-webkit-scrollbar{display:none}.app-nav .right>*{flex:0 0 auto}
  .page-content,.user-dashboard,.finance-page,.admin-finance-body .page-content{padding:20px 14px 44px}
  .dashboard-hero{align-items:stretch;flex-direction:column}.hero-wallet{min-width:0;width:100%}
  .tool-grid,.dashboard-lower-grid,.finance-grid{grid-template-columns:1fr}
  .panel-head{flex-direction:column}.search-form{width:100%}.search-form input{min-width:0;flex:1}
  .pricing-grid{grid-template-columns:1fr}.paypal-setting{grid-template-columns:1fr}.paypal-setting .btn{grid-column:auto;justify-self:start}
  .page-title{align-items:stretch;flex-direction:column}.balance-card.compact{width:100%}
}
@media(max-width:600px){
  body{background-size:auto,30px 30px,30px 30px,auto}
  .auth-brand{padding:24px 18px}.brand-copy{display:none}.feature-row{display:none}.auth-main{padding:12px}.auth-card{padding:22px 18px;border-radius:18px}.auth-card h2{font-size:28px}.auth-links{flex-direction:column;gap:8px}
  .app-nav{position:sticky;top:0}.app-nav strong{font-size:13px}.app-nav small{font-size:10px}.nav-chip{display:none!important}
  .app-nav .right .btn{min-height:36px;padding:0 11px;font-size:11px}
  .page-content,.user-dashboard,.finance-page,.admin-finance-body .page-content{padding:14px 10px 36px}
  .page-title{margin-bottom:14px}.page-title h1{font-size:31px}.page-title p{font-size:12px}
  .dashboard-hero{border-radius:18px;padding:24px 18px;min-height:0}.dashboard-hero h1{font-size:36px}.hero-wallet{padding:18px}
  .wallet-stats,.finance-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.wallet-stats>div,.finance-stat{padding:14px;min-height:104px}.wallet-stats strong,.finance-stat strong{font-size:21px}
  .panel,.dashboard-panel,.ai-tool-card{border-radius:16px;padding:16px}.panel{margin-bottom:12px}.panel-head h2{font-size:18px}
  .tool-grid{gap:10px}.ai-tool-card{min-height:auto}.ai-tool-card h3{font-size:22px}.tool-card-footer{gap:10px}
  .account-list{grid-template-columns:1fr}.recent-mini-list>div{grid-template-columns:1fr auto}.recent-mini-list small{grid-column:1}.recent-mini-list b{grid-column:2;grid-row:1/3}
  .search-form{flex-direction:column}.search-form .btn{width:100%}
  .paypal-setting input{width:100%;min-height:44px}.inline-controls{display:grid;grid-template-columns:1fr 1fr}.inline-controls .btn{grid-column:1/-1;width:100%}
  .topup-actions{flex-direction:column}.topup-actions form,.topup-actions .btn{width:100%}
  .table-wrap{border-radius:12px}.data-table{min-width:760px}.data-table th,.data-table td{padding:11px 10px}
  .grid-2{grid-template-columns:1fr}
}
@media(max-width:390px){
  .wallet-stats,.finance-stat-grid{grid-template-columns:1fr}
  .brand-lockup strong{font-size:14px}.brand-lockup span{font-size:10px}
}

/* v8.4 account security page */
.security-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px;align-items:start}
.security-form-card{margin:0}.security-help-card{margin:0;background:linear-gradient(145deg,#09090a,#18181a);color:#fff;border-color:#262629;box-shadow:var(--ui-shadow-dark)}
.security-help-card .dashboard-eyebrow{color:#a7a7ad}.security-help-card h2{margin:6px 0 22px;font-size:28px;letter-spacing:-.04em}
.security-tips{display:grid;gap:10px}.security-tips>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:14px;padding:14px}.security-tips>div>span{width:34px;height:34px;border-radius:10px;background:#fff;color:#111;display:grid;place-items:center;font-size:10px;font-weight:900}.security-tips p{margin:0}.security-tips strong{display:block;font-size:13px}.security-tips small{display:block;color:#aaa;margin-top:5px;line-height:1.5}.security-status strong{font-size:21px}.security-status small{overflow-wrap:anywhere}
@media(max-width:860px){.security-layout{grid-template-columns:1fr}.security-help-card{order:-1}}

/* =========================================================
   v8.6 — Readability Typography Pass
   Slightly larger UI text across all account/admin pages.
   ========================================================= */
body{font-size:15px;line-height:1.5}
.brand-lockup strong{font-size:17px}.brand-lockup span{font-size:13px}
.brand-copy .eyebrow,.auth-kicker{font-size:12px}
.brand-copy p{font-size:15px;line-height:1.7}.feature-row span{font-size:12px}.brand-foot{font-size:12px}
.auth-card>.lead{font-size:14px}.field label{font-size:13px}.field input,.field select{font-size:14px}.field small{font-size:12px;line-height:1.5}
.btn{font-size:14px}.btn-sm{font-size:13px}.auth-links{font-size:13px}.alert{font-size:13px}
.remember-row strong{font-size:13px}.remember-row small{font-size:12px}
.app-nav strong{font-size:15px}.app-nav small{font-size:11px}.nav-chip{font-size:12px}
.page-title p{font-size:14px}.panel-head h2{font-size:21px}.panel-head p{font-size:13px}
.stat span,.wallet-stats span,.finance-stat span{font-size:12px}.stat strong{font-size:30px}
.data-table th{font-size:11px}.data-table td{font-size:13.5px}.user-email{font-size:12px}.role-badge,.status-badge{font-size:11px}
.inline-controls select{font-size:13px}.empty-state{font-size:13px}
.meta-box span{font-size:11px}.meta-box strong{font-size:14px}
.setup-note,.finance-note{font-size:13px}.footer-note{font-size:12px}
.dashboard-eyebrow{font-size:12px}.dashboard-hero p{font-size:14px;line-height:1.65}.ai-tool-card p,.dashboard-panel p{font-size:13px;line-height:1.6}
.tool-price-row span{font-size:13px}.tool-price-row small{font-size:12px}.payment-badge{font-size:12px}.payment-destination span{font-size:12px}
.ledger-type{font-size:12px}.finance-stat small{font-size:12px}.toggle-row{font-size:14px}.paypal-setting small{font-size:12px}.mini-user-stats span{font-size:13px}
@media(max-width:600px){
  body{font-size:14px}.field label{font-size:13px}.field input,.field select{font-size:14px}.btn{font-size:13px}
  .page-title p{font-size:13px}.data-table th{font-size:10.5px}.data-table td{font-size:13px}.panel-head p{font-size:12.5px}
}

/* v8.12 — inline password visibility controls */
.password-wrap{position:relative;width:100%}
.password-wrap input{width:100%;padding-right:48px!important}
.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;background:transparent;border-radius:9px;display:grid;place-items:center;color:#6b6b70;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}
.password-toggle:hover,.password-toggle:focus-visible{background:#f1f1f2;color:#0a0a0b;outline:none}
.password-toggle:active{transform:translateY(-50%) scale(.96)}
.password-toggle svg{width:19px;height:19px;display:block}
.password-toggle .eye-off{display:none}
.password-toggle.is-visible .eye-on{display:none}
.password-toggle.is-visible .eye-off{display:block}
@media(max-width:640px){.password-toggle{width:40px;height:40px;right:5px}.password-wrap input{padding-right:50px!important}}

/* v8.13.4 — Saved extracted data */
.saved-dashboard-panel{margin-top:18px}
.saved-dashboard-content{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:22px;padding-top:6px}
.saved-dashboard-count{min-width:120px;padding:18px 20px;border-radius:16px;background:#0d0d0f;color:#fff;text-align:center}
.saved-dashboard-count strong{display:block;font-size:34px;line-height:1;letter-spacing:-.05em}.saved-dashboard-count span{display:block;margin-top:6px;color:#aaa;font-size:12px}
.saved-dashboard-content>p{margin:0;color:#666;line-height:1.65;font-size:13.5px}.saved-dashboard-content>.btn{justify-self:end}
.extracted-data-page,.saved-view-page{max-width:none!important}
.extracted-title-row,.saved-view-title{align-items:center}.saved-count-card{min-width:180px}
.saved-data-panel{padding:22px}.saved-data-head{align-items:center}.saved-data-head .btn{flex:0 0 auto}
.saved-table-wrap{margin-top:18px}.saved-data-table{min-width:1050px}.saved-data-table code{font-size:12.5px;background:#f4f4f3;border:1px solid #e1e1df;border-radius:7px;padding:5px 7px}
.saved-index{width:28px;height:28px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;font-size:12px}
.saved-visa{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:9px;font-size:11.5px;font-weight:800}.saved-visa.yes{background:#edf8ef;color:#1d6c2e;border:1px solid #cce8d1}.saved-visa.no{background:#f3f3f2;color:#777;border:1px solid #e2e2df}
.saved-actions{display:flex;gap:7px;align-items:center}.saved-actions form{margin:0}.saved-delete{color:#8a2020!important}
.saved-empty{padding:70px 20px;text-align:center;border:1px dashed #d6d6d2;border-radius:18px;background:#fafaf8}.saved-empty-icon{width:52px;height:52px;border-radius:16px;background:#111;color:#fff;display:grid;place-items:center;margin:0 auto 14px;font-size:24px}.saved-empty h3{font-size:20px;margin:0 0 8px}.saved-empty p{max-width:600px;margin:0 auto 18px;color:#777;line-height:1.6}
.saved-view-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.saved-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.saved-summary-grid article{border:1px solid #dededb;background:#fff;border-radius:16px;padding:17px 18px}.saved-summary-grid span{display:block;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.saved-summary-grid strong{display:block;margin-top:7px;font-size:16px;overflow-wrap:anywhere}
.saved-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.saved-detail-card,.saved-json-card{padding:20px}.saved-kv-list{border-top:1px solid #ececea}.saved-kv-list>div{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(0,1.3fr);gap:20px;padding:12px 2px;border-bottom:1px solid #ececea;align-items:start}.saved-kv-list span{color:#757575;font-size:12.5px;font-weight:700}.saved-kv-list strong{font-size:13.5px;overflow-wrap:anywhere;font-weight:750}
.saved-json-card{margin-top:14px}.saved-json-card .panel-head{align-items:center}.saved-json-text{display:block;width:100%;min-height:460px;resize:vertical;border:1px solid #262629;border-radius:16px;background:#0e0e10;color:#ededed;padding:18px;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.saved-copy-status{min-height:24px;padding-top:7px;color:#28723a;font-size:12px;font-weight:800}
@media(max-width:900px){.saved-dashboard-content{grid-template-columns:1fr}.saved-dashboard-count{width:150px}.saved-dashboard-content>.btn{justify-self:start}.saved-summary-grid{grid-template-columns:1fr 1fr}.saved-view-grid{grid-template-columns:1fr}.saved-view-title{align-items:flex-start;flex-direction:column}.saved-view-actions{justify-content:flex-start}}
@media(max-width:560px){.saved-summary-grid{grid-template-columns:1fr}.saved-data-panel{padding:14px}.saved-data-head{align-items:flex-start;flex-direction:column;gap:12px}.saved-json-text{min-height:380px;font-size:11.5px}.saved-kv-list>div{grid-template-columns:1fr;gap:4px}.saved-view-actions{width:100%}.saved-view-actions .btn{flex:1}.saved-dashboard-count{width:100%}}

/* =========================================================
   v8.13.11 — Clean SaaS Blue Palette + Dashboard Spacing
   Palette: #2563EB / #1E40AF / #F3F4F6 / #FFFFFF / #111827
   Visual-only. No application, billing, auth, or database logic changes.
   ========================================================= */
:root{
  --brand-blue:#2563EB;
  --brand-blue-deep:#1E40AF;
  --brand-navy:#111827;
  --brand-bg:#F3F4F6;
  --brand-white:#FFFFFF;
  --brand-muted:#6B7280;
  --brand-line:#E5E7EB;
  --brand-soft-blue:#EFF6FF;
  --ui-bg:#F3F4F6;
  --ui-surface:#FFFFFF;
  --ui-surface-2:#F9FAFB;
  --ui-ink:#111827;
  --ui-muted:#6B7280;
  --ui-line:#E5E7EB;
  --ui-line-strong:#CBD5E1;
  --ui-dark:#111827;
  --ui-dark-2:#1E40AF;
  --ui-shadow:0 14px 36px rgba(17,24,39,.07);
  --ui-shadow-dark:0 20px 58px rgba(17,24,39,.16);
}
html{background:var(--brand-bg)}
body{
  color:var(--brand-navy);
  background:
    radial-gradient(circle at 5% 0,rgba(37,99,235,.075),transparent 25rem),
    radial-gradient(circle at 100% 12%,rgba(30,64,175,.05),transparent 28rem),
    var(--brand-bg);
  background-size:auto;
}
.page-shell,.dashboard-body,.admin-finance-body{background:var(--brand-bg)}
a{color:inherit}

/* Shared controls */
.btn-dark{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff;box-shadow:0 9px 22px rgba(37,99,235,.22)}
.btn-dark:hover:not(:disabled){background:var(--brand-blue-deep);border-color:var(--brand-blue-deep);box-shadow:0 12px 26px rgba(30,64,175,.24)}
.btn-light{background:#fff;color:var(--brand-navy);border-color:#D1D5DB}
.btn-light:hover:not(:disabled){background:var(--brand-soft-blue);border-color:#93C5FD;color:var(--brand-blue-deep)}
.btn-danger{background:#fff}
.field input,.field select,.search-form input,.paypal-setting input,.inline-controls select{border-color:#D1D5DB;color:var(--brand-navy);background:#fff}
.field input:focus,.field select:focus,.search-form input:focus,.paypal-setting input:focus,.inline-controls select:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.password-toggle:hover,.password-toggle:focus-visible{background:var(--brand-soft-blue);color:var(--brand-blue-deep)}
.remember-row>input:checked+.remember-box{background:var(--brand-blue);border-color:var(--brand-blue)}
.remember-row>input:focus-visible+.remember-box{box-shadow:0 0 0 3px rgba(37,99,235,.15)}

/* Auth / signup / setup */
.auth-shell{background:var(--brand-bg)}
.auth-brand{background:linear-gradient(145deg,var(--brand-navy) 0,var(--brand-blue-deep) 66%,var(--brand-blue) 125%);border-right-color:rgba(255,255,255,.12)}
.auth-brand:before,.auth-brand:after{border-color:rgba(255,255,255,.10)}
.brand-mark{background:#fff;color:var(--brand-blue-deep);box-shadow:0 10px 28px rgba(17,24,39,.22)}
.brand-lockup span,.brand-copy p,.brand-foot{color:#D1D5DB}
.brand-copy .eyebrow{color:#BFDBFE}
.feature-row span{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#E5E7EB}
.auth-main{background:var(--brand-bg)}
.auth-card{border-color:var(--brand-line);background:#fff;box-shadow:0 22px 60px rgba(17,24,39,.10)}
.auth-kicker{color:var(--brand-blue-deep)}
.auth-card>.lead,.field small,.auth-links,.muted{color:var(--brand-muted)}
.auth-links a{color:var(--brand-blue-deep)}

/* App navigation */
.app-nav{background:rgba(17,24,39,.985);border-bottom-color:#263247;box-shadow:0 9px 28px rgba(17,24,39,.16)}
.app-nav .mini-mark{background:var(--brand-blue);color:#fff;border:1px solid rgba(255,255,255,.16)}
.app-nav small{color:#9CA3AF}
.nav-chip{background:#1F2937;border-color:#374151;color:#E5E7EB}
.app-nav .right .btn-light{background:#1F2937;color:#F9FAFB;border-color:#374151}
.app-nav .right .btn-light:hover{background:var(--brand-blue);color:#fff;border-color:var(--brand-blue)}

/* Dashboard hero and access */
.dashboard-hero{background:linear-gradient(135deg,var(--brand-navy) 0,var(--brand-blue-deep) 72%,var(--brand-blue) 145%);box-shadow:0 24px 70px rgba(17,24,39,.18)}
.dashboard-hero .dashboard-eyebrow{color:#BFDBFE}
.dashboard-hero>div>p:not(.dashboard-eyebrow){color:#D1D5DB}
.hero-badges span{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#E5E7EB}
.hero-wallet{border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.09)}
.access-banner.unlocked{background:linear-gradient(135deg,var(--brand-blue-deep),var(--brand-blue));border-color:var(--brand-blue-deep)}
.access-banner.unlocked .access-icon{color:var(--brand-blue-deep)}
.access-banner.unlocked p{color:#DBEAFE}
.premium-pill{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08)}
.access-banner.locked{border-color:var(--brand-line);background:#fff}
.access-icon{background:var(--brand-soft-blue);color:var(--brand-blue-deep)}

/* Dashboard cards and spacing */
.panel,.dashboard-panel,.ai-tool-card,.wallet-stats>div,.finance-stat,.pricing-card{background:#fff;border-color:var(--brand-line);box-shadow:0 12px 34px rgba(17,24,39,.055)}
.dashboard-eyebrow{color:var(--brand-blue-deep)}
.wallet-stats>div{position:relative;overflow:hidden}
.wallet-stats>div:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand-blue),var(--brand-blue-deep))}
.wallet-stats span,.section-counter,.dashboard-panel-head>a{color:var(--brand-muted)}
.dashboard-panel-head>a:hover{color:var(--brand-blue-deep)}
.tool-icon{background:var(--brand-blue);box-shadow:0 10px 24px rgba(37,99,235,.20)}
.tool-icon.ghost{background:var(--brand-soft-blue);color:var(--brand-blue-deep)}
.tool-access-badge{background:var(--brand-blue);color:#fff}
.tool-access-badge.neutral{background:#F9FAFB;color:var(--brand-muted);border-color:var(--brand-line)}
.tool-tags span{border-color:#DBEAFE;background:var(--brand-soft-blue);color:var(--brand-blue-deep)}
.tool-price-row{border-color:var(--brand-line);background:#F9FAFB}
.saved-dashboard-count{background:linear-gradient(145deg,var(--brand-blue-deep),var(--brand-blue));color:#fff}
.saved-dashboard-count span{color:#DBEAFE}
.dashboard-empty{background:#F9FAFB;border-color:#D1D5DB;color:var(--brand-muted)}
.account-list>div,.meta-box{background:#F9FAFB;border-color:var(--brand-line)}
.role-badge.Premium,.status-badge.active{background:var(--brand-blue);border-color:var(--brand-blue);color:#fff}
.role-badge.Admin{background:var(--brand-navy);border-color:var(--brand-navy);color:#fff}

/* Fix the dashboard cards touching each other */
.user-dashboard .saved-dashboard-panel{margin:0 0 18px!important}
.user-dashboard .dashboard-lower-grid{gap:18px;margin:0 0 18px!important}
.user-dashboard .dashboard-lower-grid>.dashboard-panel{margin:0!important}
.user-dashboard>.dashboard-panel{margin-bottom:18px}
.user-dashboard>.dashboard-panel:last-of-type{margin-bottom:0}

/* Finance / wallet / admin */
.balance-card{background:linear-gradient(145deg,var(--brand-navy),var(--brand-blue-deep));color:#fff;border-color:var(--brand-blue-deep)}
.payment-instruction,.security-help-card{background:linear-gradient(145deg,var(--brand-navy),var(--brand-blue-deep));border-color:#294a9b}
.payment-badge{color:var(--brand-blue-deep)}
.finance-stat{position:relative;overflow:hidden}.finance-stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--brand-blue)}
.table-wrap{border-color:var(--brand-line);background:#fff}
.data-table th{background:#F9FAFB;color:#4B5563}
.data-table td{border-bottom-color:#EEF2F7}
.data-table tbody tr:hover{background:#F8FAFF}
.ledger-type.credit{background:#EFF6FF;color:var(--brand-blue-deep)}
.status-badge.pending{background:#FFF7ED}

/* Saved data / view pages */
.saved-data-panel,.saved-view-section{border-color:var(--brand-line);background:#fff}
.saved-summary-card,.saved-kv-list>div{border-color:var(--brand-line);background:#F9FAFB}
.saved-json-text{border-color:#D1D5DB;background:#F9FAFB;color:var(--brand-navy)}

@media(max-width:860px){
  .auth-brand{border-bottom-color:#294a9b}
  .user-dashboard .saved-dashboard-panel{margin-bottom:14px!important}
  .user-dashboard .dashboard-lower-grid{gap:14px;margin-bottom:14px!important}
}
@media(max-width:600px){
  .user-dashboard .saved-dashboard-panel{margin-bottom:12px!important}
  .user-dashboard .dashboard-lower-grid{gap:12px;margin-bottom:12px!important}
  .wallet-stats>div{min-height:100px}
}

/* =========================================================
   v8.13.12 — Add Money two-step layout refinement
   Keeps the v8.13.11 Clean SaaS palette.
   ========================================================= */
.add-money-demo-grid{align-items:stretch;gap:16px}
.add-money-step{min-height:100%;margin-bottom:0!important;padding:28px}
.add-money-step .panel-head{margin-bottom:22px}
.add-money-step .panel-head h2{font-size:24px;line-height:1.15}
.add-money-step .panel-head p{font-size:13px}
.add-money-step-one{
  background:linear-gradient(145deg,var(--brand-navy) 0,var(--brand-blue-deep) 100%);
  border-color:#294a9b;color:#fff;
}
.add-money-step-one .dashboard-eyebrow{color:#BFDBFE}
.add-money-step-one .panel-head p{color:#DBEAFE}
.add-money-step-one .payment-badge{background:#fff;color:var(--brand-blue-deep);padding:9px 14px}
.mobile-payment-destination{
  min-height:108px;margin:22px 0 18px;padding:20px;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.075);
}
.mobile-payment-destination span{color:#BFDBFE}
.mobile-payment-destination strong{font-size:24px;letter-spacing:-.025em;color:#fff}
.mobile-payment-destination .btn-light{background:#fff;color:var(--brand-navy);border-color:#fff}
.mobile-payment-destination .btn-light:hover{background:var(--brand-soft-blue);color:var(--brand-blue-deep);border-color:#BFDBFE}
.payment-rate-note{padding:16px 16px 14px;border-color:rgba(255,255,255,.18);background:rgba(0,0,0,.10);color:#EFF6FF}
.payment-rate-note p{margin:0 0 14px;line-height:1.55}
.payment-rate-note p:last-child{margin-bottom:0}
.add-money-step-two{background:#fff;border-color:var(--brand-line)}
.add-money-step-two .finance-form{gap:22px}
.add-money-step-two .field{margin:0}
.add-money-step-two .field label{font-size:13px;color:var(--brand-navy)}
.add-money-step-two .field small{font-size:12px;color:var(--brand-muted)}
.add-money-step-two .money-input,.add-money-step-two .field>input{height:54px;border-radius:13px}
.add-money-step-two .btn-full{min-height:50px;margin-top:2px}
@media(max-width:900px){
  .add-money-demo-grid{grid-template-columns:1fr}
  .add-money-step{padding:22px}
}
@media(max-width:560px){
  .add-money-step{padding:18px}
  .add-money-step .panel-head h2{font-size:21px}
  .mobile-payment-destination{grid-template-columns:1fr auto;min-height:0;padding:16px}
  .mobile-payment-destination strong{font-size:20px}
}