@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";html,body,#root{margin:0;min-height:100%}:root{--bg: #f3f7f5;--panel: #ffffff;--line: #e2ebe8;--ink: #111827;--muted: #64748b;--green: #2bee79;--green-dark: #073321;--red: #ef5f66;--radius: 24px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at 8% -5%,#e7fff0 0,transparent 34%),radial-gradient(circle at 95% 120%,#daf3ff 0,transparent 40%),var(--bg)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 14px 40px #0e201a14;display:flex;flex-direction:column;gap:12px}.login-card .brand.compact h1{font-size:28px}.login-card h2{margin:10px 0 0;font:800 38px/1.1 Manrope,sans-serif}.login-card p{margin:0;color:var(--muted)}.google-btn-wrap{min-height:44px;margin-top:8px}.login-card small{color:var(--muted)}.login-card small.error{color:#c01d28}.layout{min-height:100vh;display:grid;grid-template-columns:288px 1fr}.sidebar{border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:18px;background:#fff}.brand{display:flex;align-items:center;gap:12px}.brand-badge{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#073321;background:#2bee79;font-weight:800}.brand h1{margin:0;font-family:Manrope,sans-serif;font-size:34px;line-height:1}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:1px solid transparent;background:transparent;font:inherit;text-align:left;padding:13px 12px;border-radius:12px;color:#2f4559;display:flex;align-items:center;gap:10px;cursor:pointer}.nav-item:hover{border-color:#cae8d8;background:#eefaf2}.nav-item.active{border-color:#8cddb4;background:#d6f7e2;color:#103b28;font-weight:600}.nav-icon{min-width:24px;text-align:center;font-size:12px;border-radius:8px;background:#f2f6f5;padding:3px 6px}.side-card{margin-top:auto;background:#e8fbf0;border:1px solid #c8f1d7;border-radius:18px;padding:16px}.side-card h3{margin:0;font-family:Manrope,sans-serif}.side-card p{margin:8px 0 12px;color:#285238;font-size:12px}.side-card button{width:100%;border:0;border-radius:999px;background:linear-gradient(130deg,#1de76a,#17bb62);color:#05331f;font-weight:700;padding:11px 14px}.user-footer{margin-top:8px;border-top:1px solid var(--line);padding:12px 8px 4px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#f3d3b4;font-weight:800;color:#6b4a2f;flex:0 0 auto}.user-name{flex:1;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:30px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.topbar h2{margin:0;font-family:Manrope,sans-serif;font-size:58px;line-height:1.1}.topbar p{margin:6px 0 0;color:var(--muted)}.top-actions{display:flex;gap:9px}.top-actions input{border:1px solid var(--line);border-radius:999px;background:#fff;padding:12px 16px;min-width:250px}.top-actions select{border:1px solid var(--line);border-radius:999px;background:#fff;padding:12px 16px;min-width:180px;font:inherit}.top-actions button{width:48px;border-radius:999px;border:1px solid var(--line);background:#fff}.dashboard-grid{display:grid;grid-template-columns:1fr 360px;gap:20px}.stats-row{grid-column:1 / -1;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px #081d170a}.stat{padding:22px}.stat span,.stat small{color:var(--muted)}.stat strong{display:block;margin-top:6px;font:800 56px/1.04 Manrope,sans-serif}.chart-card{padding:28px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:0;font:800 26px/1.06 Manrope,sans-serif}.pill-group{display:flex;gap:6px}.pill-group span{border-radius:999px;border:1px solid var(--line);color:var(--muted);padding:7px 13px;font-size:13px}.pill-group .active{background:#d8f6e4;color:#0e3f2b;border-color:#bde8cd}.bars{margin-top:26px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end;min-height:320px;border-bottom:1px solid var(--line);padding-bottom:16px}.bar-col{display:flex;flex-direction:column;align-items:center;gap:8px}.bar-income,.bar-expense{width:62px;border-radius:26px 26px 0 0}.bar-income{background:linear-gradient(180deg,#2ce56f,#9de9bf)}.bar-expense{background:linear-gradient(180deg,#f36e75,#f3cbcf)}.legend{margin-top:14px;display:flex;gap:28px;color:#3c5365}.activity{padding:20px;display:flex;flex-direction:column;gap:14px;min-height:640px}.activity .section-head h3{font-size:28px}.activity .section-head a{color:#11b862;text-decoration:none;font-weight:700}.activity-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:14px}.activity-item:hover{background:#f6faf8}.left{display:flex;align-items:center;gap:10px}.icon{width:40px;height:40px;border-radius:12px;background:#e9f3ef;display:grid;place-items:center}.activity-item b{font-size:16px}.activity-item p{margin:0;color:var(--muted);font-size:12px}.up{color:#13a96a}.down{color:#e8464b}.ai-insight{margin-top:auto;background:linear-gradient(140deg,#00160d,#0d3b27);color:#d8ffe9;border-radius:20px;padding:16px}.ai-insight h4{margin:0;font-family:Manrope,sans-serif}.ai-insight p{margin:8px 0 0;color:#ace7c8;line-height:1.6}.obligaciones,.ai-entry,.insights{display:flex;flex-direction:column;gap:14px}.obligaciones-page{display:flex;flex-direction:column;gap:16px}.obligaciones-header{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}.obligaciones-header h2{margin:0;font:800 42px/1.1 Manrope,sans-serif}.obligaciones-header p{margin:6px 0 0;color:var(--muted)}.month-chip{border-radius:999px;background:#dcf9e7;color:#0d5a37;border:1px solid #bdeacc;padding:8px 14px;font-weight:700}.obligaciones-summary{display:grid;grid-template-columns:1fr 2fr;gap:12px}.ob-tabs{display:flex;gap:16px;border-bottom:1px solid var(--line)}.ob-tabs button{border:0;background:transparent;color:#94a3b8;padding:8px 0;border-bottom:3px solid transparent;font-weight:700}.ob-tabs .active{color:#0f172a;border-bottom-color:var(--green)}.ob-card{padding:16px;display:flex;justify-content:space-between;align-items:center;border-radius:16px}.ob-card.pending{border-color:#bde9ce;box-shadow:0 2px 8px #29c96e1a}.ob-left{display:flex;align-items:center;gap:12px}.check-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:#f6faf8;cursor:pointer;font-weight:700}.ob-right{text-align:right;display:flex;flex-direction:column;gap:6px}.ob-right small{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.06em}.ob-new-wrap{display:flex;justify-content:center;margin-top:8px}.ob-new-btn{border:0;border-radius:14px;background:var(--green);color:#0b2d1d;padding:14px 20px;font-weight:800;min-width:220px;box-shadow:0 10px 24px #2bee793d}.ob-head{display:grid;grid-template-columns:300px 1fr;gap:14px}.total-commitment,.progress{padding:18px}.total-commitment strong{display:block;margin-top:7px;font:800 40px/1.08 Manrope,sans-serif}.progress-bar{height:14px;margin-top:10px;border-radius:999px;background:#ecf1ef;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,#18da67,#9ee8bf)}.progress-meta{margin-top:8px;display:flex;justify-content:space-between;color:var(--muted)}.chip{background:#def8e9;border:1px solid #bbe6ca;color:#10412e;border-radius:999px;padding:7px 10px;font-size:12px}.tabs{display:flex;gap:8px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px}.tabs .active{background:#d7f7e3;border-color:#a8d8bc}.ob-list{display:flex;flex-direction:column;gap:10px}.ob-item{padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.ob-item .round{width:34px;height:34px;border-radius:999px;background:#e9f6ef;color:#0f6a43;display:grid;place-items:center}.ob-item .right{text-align:right}.ob-item .right small{color:var(--muted)}.ob-item.pending{border-color:#c3ead2}.ai-entry h2{font:800 57px/1.1 Manrope,sans-serif;margin:0}.ai-entry h2 span{color:var(--green)}.listen{padding:30px}.wave{font-size:32px;letter-spacing:4px;color:#33d97a}.ask-box{margin-top:16px;display:flex;gap:8px}.ask-box input{flex:1;border:1px solid var(--line);border-radius:14px;padding:13px}.ask-box button{border:0;border-radius:14px;padding:0 20px;background:linear-gradient(130deg,#1de76a,#17bb62);color:#032717;font-weight:700}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{padding:18px}.mini span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.mini strong{display:block;margin-top:8px;font:800 35px/1.1 Manrope,sans-serif}.cta-row{display:grid;grid-template-columns:1fr 2fr;gap:10px}.cta-row button{border-radius:999px;border:1px solid var(--line);padding:14px;font-weight:700}.cta-row .solid{background:linear-gradient(130deg,#1de76a,#17bb62);border:0;color:#032717}.cta-row .ghost{background:#eef2f6}.insight-main{display:grid;grid-template-columns:1.4fr .9fr;gap:14px}.spending,.recs{padding:20px}.spending h3,.recs h3{margin:0;font:800 30px/1.1 Manrope,sans-serif}.spending>strong{display:block;font:800 50px/1.1 Manrope,sans-serif;margin-top:8px}.spending>small{color:var(--muted)}.ring{width:210px;height:210px;border-radius:50%;margin:20px 0;background:conic-gradient(#18d96a 0 72%,#dce4e2 72% 100%);display:grid;place-items:center}.ring-inner{width:150px;height:150px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.ring-inner b{font:800 40px/1 Manrope,sans-serif}.ring-inner p{margin:0;color:var(--muted)}.spending ul{margin:0;padding-left:18px;color:#3a5261}.spending li{margin:6px 0}.recs{background:linear-gradient(160deg,#00160c,#0a3624);color:#d8ffe8}.recs .rec{border:1px solid rgba(164,245,199,.2);border-radius:14px;padding:10px;margin-top:9px;background:#ffffff08}.recs p{margin:6px 0 0;color:#a7e4c4;line-height:1.5;font-size:14px}.recs button{margin-top:12px;width:100%;border-radius:999px;border:0;padding:12px;background:linear-gradient(130deg,#1de76a,#17bb62);color:#032717;font-weight:700}@media(max-width:1280px){.layout{grid-template-columns:250px 1fr}.sidebar{padding:22px 10px}.brand h1{font-size:28px}.topbar h2{font-size:42px}}@media(max-width:980px){.layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;justify-content:space-between}.brand h1,.brand p{display:block}.nav{flex-direction:row;overflow-x:auto}.nav-item{display:flex;white-space:nowrap}.dashboard-grid,.insight-main,.stats-row,.result-grid,.ob-head,.cta-row,.obligaciones-summary{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar h2{font-size:34px}.top-actions{width:100%}.top-actions input{min-width:0;width:100%}.top-actions select{width:100%}.ai-entry h2{font-size:44px}.obligaciones-header{flex-direction:column;align-items:flex-start}.obligaciones-header h2{font-size:34px}}.feedback{border-radius:12px;padding:10px 14px;margin-bottom:14px;border:1px solid transparent;font-weight:600}.feedback.ok{background:#e8faef;color:#145233;border-color:#bfead1}.feedback.error{background:#ffecef;color:#82222a;border-color:#f5c5cb}.link{border:0;background:transparent;color:#0ea864;cursor:pointer;font-weight:700}.transacciones{display:flex;flex-direction:column;gap:14px}.trans-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card{padding:16px}.form-grid{display:grid;gap:8px}.form-grid input,.form-grid button,.profile-grid input,.profile-grid button{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.form-grid button,.profile-grid button,.actions button{background:#fff;cursor:pointer}.checkbox{display:flex;gap:8px;align-items:center}.table-card{padding:14px;overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{border-bottom:1px solid #e9efee;text-align:left;padding:8px;white-space:nowrap}.actions{display:flex;gap:6px}.quick-actions{margin-top:8px;display:flex;gap:6px}.quick-actions button{border:1px solid var(--line);border-radius:10px;padding:6px 10px;background:#fff}.profile-card{padding:16px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:8px}@media(max-width:980px){.trans-grid,.profile-grid{grid-template-columns:1fr}}