/* NextSte visual proposal — presentation layer only. */
:root{
  --bg:#06090f;--card:#0d131d;--text:#f5f8ff;--muted:#95a4b8;--line:#263447;
  --blue:#4784ff;--cyan:#25e7d8;--purple:#a978ff;--green:#36e0b2;--amber:#ffb654;--red:#ff6581;
}
body{background:radial-gradient(900px 420px at 5% -5%,rgba(49,95,174,.22),transparent 70%),radial-gradient(680px 380px at 96% 3%,rgba(28,193,175,.13),transparent 70%),var(--bg);font-family:ui-rounded,"SF Pro Rounded","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.014em}
header{background:linear-gradient(112deg,rgba(6,10,17,.94),rgba(13,27,48,.94));border-color:#2a4055;box-shadow:0 12px 30px rgba(0,0,0,.35)}
header h1{font-weight:900;letter-spacing:-.065em}header p{color:#a8b7ca}.bar{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--purple))}
main{max-width:1180px;padding:16px clamp(12px,2.3vw,26px) 106px}.card{background:linear-gradient(145deg,rgba(18,27,40,.94),rgba(9,14,23,.97));border-color:#2a394d;border-radius:20px;padding:17px;box-shadow:0 16px 38px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.035)}
.card::before{background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 34%)}.card h2{font-weight:850;letter-spacing:-.052em}.eyebrow{color:var(--cyan);letter-spacing:.19em}.muted,.hint,.small,.footer-note{color:var(--muted)}
.sectionTitle{gap:14px;margin-bottom:13px}.sectionTitle h2{margin-bottom:2px}.metrics{gap:9px}.metric{background:linear-gradient(150deg,#111c2a,#0a111b);border-color:#2b3c50;border-radius:15px;padding:13px}.metric .l{color:#9aaabe;font-weight:650}.metric .v{font-weight:900;letter-spacing:-.062em}.status{letter-spacing:.075em;color:#8095aa}.green,.income,.roboGreen{color:var(--green)!important}.red,.expense,.roboRed{color:var(--red)!important}
.btn,.mainMenuToggle{font-weight:850;border-radius:12px;letter-spacing:-.01em}.primary{background:linear-gradient(122deg,#5489ff,#3567e9 58%,#7965eb);box-shadow:0 9px 22px rgba(58,105,239,.28)}.secondary{background:linear-gradient(145deg,#192637,#111b29);border-color:#34475e;color:#e5edf8}.btn:hover,.mainMenuToggle:hover{filter:brightness(1.08)}.btn:focus-visible,.mainMenuToggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
input,select,textarea{background:#09111b;border-color:#314358;border-radius:12px;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline-color:rgba(37,231,216,.24)}
.notice{background:linear-gradient(115deg,#0c282c,#0b1b27);border-color:#1c5b62;color:#caf6f0}.dangerNotice{background:#31131e;border-color:#823247}.feedback{background:#0c2c27;color:#a9f2db;border-color:#1c6f61}.feedback.warn{background:#322711;color:#ffe0a5}.feedback.bad{background:#31131e;color:#ffbdc9}
.mainMenuBar{border-color:#2a4358;background:linear-gradient(120deg,#142334,#0a111b);border-radius:16px}.mainMenuToggle{background:linear-gradient(145deg,#1a3148,#112238);border-color:#3b5b76}.mainMenuDropdown{border-color:#2c455b;background:rgba(9,15,24,.985)}.mainMenuDropdown button{background:#101b29;border-color:#293c51;color:#b7c6d7}.mainMenuDropdown button.active{background:linear-gradient(115deg,#1a4165,#172d51);border-color:#3b8dc1;color:#76ebea}
.movement,.cryptoRow,.roboPosition,.catCard,.paymentGroup,.module,.scenario .box,.goalTimelineItem{background:linear-gradient(145deg,#111c2a,#0a111a);border-color:#2b3d51;border-radius:15px}.roboMetric{background:#09111b;border-color:#263a4f}.roboMetric b{font-weight:850}.cryptoCoin,.catIcon{background:linear-gradient(145deg,#183753,#102134);border-color:#305370;color:#7bece4}.miniBtn{background:#182638;border-color:#354b61;color:#eaf2fc}
.chartBox,.aiChat{background:linear-gradient(145deg,#0c151f,#080d14);border-color:#2a4054;border-radius:16px}.chartBox{box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.pieHole{background:#0d151f;border-color:#355067;box-shadow:0 0 0 7px #080e16}.pieLegendRow{border-color:#26394c}.goalProgress,.budgetBar{background:#1b2a3b}.goalProgress>span,.budgetBar>span{background:linear-gradient(90deg,var(--blue),var(--cyan))}
#financialCoach{border-color:#285660;background:radial-gradient(440px 220px at 95% 0%,rgba(41,231,216,.12),transparent 75%),linear-gradient(145deg,#112331,#0a131d)}.coachObservation,.coachForecast>div,.coachResult{background:#0a1520;border-color:#29465a}.coachChart path{stroke:var(--cyan)}
@media(min-width:900px){main{padding-top:22px}.card{padding:20px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}#overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}#overview>.card,#overview>#financialCoach{grid-column:span 6;margin-bottom:0}#overview>#nsFinancialDashboard,#overview>#nsFinancialAccuracySummary{grid-column:span 12}#overview>#checkupHomeCta{grid-column:span 12}}
@media(max-width:700px){main{padding-left:12px;padding-right:12px}.card{border-radius:18px;padding:16px}.metric .v{font-size:25px}.sectionTitle{align-items:flex-start}.sectionTitle .btn{flex:0 0 auto}.mainMenuDropdown button{min-height:46px}.coachForecast{gap:8px}}