/* Visual overlay only. Original actions, visibility and data remain unchanged. */
:root{--bg:#060c12;--panel:rgba(12,24,32,.96);--panel-2:#101e27;--line:#23343c;--text:#edf5f5;--muted:#a5b6bf;--cyan:#65dce8;--green:#71f2be;--orange:#ffc36a;--danger:#ff8297;--shadow:0 12px 32px #0003}
body{font-family:Segoe UI,Arial,sans-serif;background:radial-gradient(ellipse at 80% 25%,#10303070,transparent 50%),var(--bg);font-variant-numeric:tabular-nums}
button,input,select,textarea{font-family:inherit}
body .ambient-two{background:var(--green)}
body .sidebar{background:#080f17;border-color:var(--line)}
body .nav-item{border-radius:10px;background:#101a2380}
body .nav-item.active,body .nav-item:hover{background:#71f2be0d;border-color:#71f2be33;box-shadow:inset 3px 0 var(--green)}
body .topbar h1{font-size:clamp(24px,2.6vw,34px);line-height:1.2}
body .topbar h1 span{font-family:Segoe UI,Arial,sans-serif;text-shadow:none;color:var(--cyan)}
body .panel,body .metric,body .smart-card{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow);border-radius:16px}
body .hero,body .cf2-decision{background:linear-gradient(110deg,#112820,#0c1820);border-color:#2a4941;box-shadow:none}
body .hero{min-height:130px;padding:22px 26px}
body .hero strong{font-size:clamp(32px,3.8vw,46px);line-height:1.15;overflow-wrap:anywhere}
body .metric{min-height:104px;padding:16px}
body .metric strong{font-size:23px;line-height:1.2;margin:10px 0 6px;overflow-wrap:anywhere}
body .smart-card{padding:20px;min-height:0}
body .smart-title{font-size:23px;line-height:1.25}
body .smart-stat{border-radius:12px;border-color:var(--line)}
body .smart-stat strong{font-size:22px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
body .btn{border-radius:8px;box-shadow:none;min-height:42px}
body .btn.primary{background:var(--green);color:#06231b;border-color:var(--green);box-shadow:none}
body .btn.secondary{background:#142329;color:#edf5f5;border-color:#35504e;box-shadow:none}
body .btn.ghost{background:transparent;border-color:var(--line)}
body .btn.primary:hover{background:#a2ffda}
body .btn.secondary:hover{border-color:var(--mint,#71f2be);background:#1b3030}
body .smart-stat.good strong{color:var(--green)}
body .smart-stat.warning strong{color:var(--orange)}
body .smart-stat.danger strong{color:var(--danger)}
body .month-debt-main>div:first-child>strong{font-size:clamp(30px,3.8vw,44px);line-height:1.15;overflow-wrap:anywhere}
body .cf2-highlight-card strong{font-size:22px;line-height:1.2;overflow-wrap:anywhere}
body .auth-ambient.a1{background:var(--cyan);opacity:.12}
body .auth-ambient.a2{background:var(--green);opacity:.08}
body.auth-page{background:radial-gradient(ellipse at 80% 30%,#10303080,transparent 45%),#060c12;font-family:Segoe UI,Arial,sans-serif;overflow-y:auto}
body.auth-page .auth-shell{width:min(100%,480px);padding:22px;margin:auto}
body.auth-page .auth-card{background:linear-gradient(135deg,#102329,#0c161f);border:1px solid #315252;box-shadow:0 20px 60px #0004;border-radius:16px;padding:25px}
body.auth-page .auth-brand-lockup{margin-bottom:18px!important}
body.auth-page .brand-lockup{width:auto!important;max-width:100%!important;max-height:130px!important;object-fit:contain;box-shadow:none!important;border-radius:0!important}
body.auth-page .auth-copy h1{font-size:29px}
body.auth-page .auth-copy>span{color:var(--cyan)}
body.auth-page .auth-copy p{color:var(--muted);font-size:15px;margin-bottom:20px}
body.auth-page .auth-form input{background:#101e27;border:1px solid #35504e;color:#edf5f5;border-radius:8px;min-height:48px}
body.auth-page .auth-form input:focus{border-color:var(--green);box-shadow:0 0 0 3px #71f2be1a}
body.auth-page .auth-submit{background:var(--green);color:#06231b;border-radius:8px;box-shadow:none;min-height:48px}
body.auth-page .auth-submit:hover{background:#a2ffda}
body.auth-page .auth-security{border-color:var(--line)}
body.auth-page #pwaInstallButton{display:none!important}
body.auth-page #pwaInstallBanner{border-color:#2a4941;background:#112820;border-radius:12px;font-family:inherit}
body.auth-page #pwaInstallBanner button{background:var(--green);color:#06231b;border-radius:8px;min-height:44px}
@media(max-width:760px){body .topbar h1{font-size:26px!important}body .hero strong{font-size:32px!important}body .smart-card{padding:16px}body .smart-today-grid{grid-template-columns:1fr}body .smart-title{font-size:22px}body.auth-page .auth-shell{padding:14px!important;min-height:0}body.auth-page .auth-card{padding:22px 18px!important}}
@media(prefers-reduced-motion:reduce){body *{scroll-behavior:auto;transition:none!important}}
.champion-card strong,
.date-box strong,
.debt-progress-head strong,
.debt-stat strong,
.detail-toolbar strong,
.donut strong,
.health-stat strong,
.hero strong,
.item-value,
.legend strong,
.metric strong,
.month-balance strong,
.month-debt-main>div:first-child>strong,
.month-equation strong,
.month-mini-summary strong,
.paid-report-row .value,
.projection-card strong,
.registration-summary strong,
.registration-value,
.simulation-month strong,
.year-control strong,
.year-month-card-head span,
h1 span{font-family:Segoe UI,Arial,sans-serif!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
body h1,body h2,body h3,body button,body input,body select,body textarea,body .auth-copy,body .auth-form,body #pwaInstallBanner{font-family:Segoe UI,Arial,sans-serif!important}
