@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--bg:#f4f7f0;--bg-alt:#deead9;--bg-cool:#d6e9fd;--surface:#fcfdfb;--surface-alt:#f3f8f5;--ink:#11231a;--ink-soft:#466255;--line:#c9d8cd;--success:#27805a;--danger:#c4512e;--accent:#1554b8;--shadow:0 18px 40px #11231a1f;--glass-bg:#fcfdfbe6;--menu-bg:#fcfdfbfa;--input-bg:#fff;--primary-bg:#11231a;--primary-fg:#fff;--chip-active-bg:#11231a;--chip-active-fg:#fff}:root[data-theme=dark]{--bg:#0f1413;--bg-alt:#1a2a24;--bg-cool:#1b2c44;--surface:#17201d;--surface-alt:#1f2c28;--ink:#e8f1ec;--ink-soft:#adc1b7;--line:#32463f;--success:#57d092;--danger:#ff8e6f;--accent:#79a7ff;--shadow:0 18px 40px #00000059;--glass-bg:#17201de6;--menu-bg:#17201dfa;--input-bg:#111816;--primary-bg:#79a7ff;--primary-fg:#0a1a32;--chip-active-bg:#dce9e2;--chip-active-fg:#0d1b16}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 10% -10%, var(--bg-alt), transparent 40%), radial-gradient(circle at 100% 0%, var(--bg-cool), transparent 35%), var(--bg);min-height:100vh;margin:0;font-family:"Source Sans 3",sans-serif}#root{min-height:100vh}h1,h2,h3,h4,strong{font-family:Space Grotesk,sans-serif}p{margin:0}.app-shell{gap:1rem;max-width:1180px;margin:0 auto;padding:1.1rem;display:grid}.top-header{z-index:20;background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto auto;align-items:center;gap:.7rem;padding:.6rem .7rem;display:grid;position:sticky;top:.6rem;overflow:visible}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:inline-flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:.42rem .75rem;font-weight:600}.logout-btn{border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);cursor:pointer;border-radius:999px;padding:.42rem .75rem;font-weight:600}.brand{cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:.6rem;padding:0;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(140deg,#1456b5,#1a8767);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.brand-text{text-align:left;display:grid}.brand-text small{color:var(--ink-soft);font-size:.78rem}.hamburger{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;padding:.42rem;display:inline-flex}.hamburger span{background:var(--ink);transform-origin:50%;width:18px;height:2px;transition:transform .25s,opacity .25s;display:block}.hamburger[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.main-menu{opacity:0;pointer-events:none;border:1px solid var(--line);background:var(--menu-bg);border-radius:14px;flex-wrap:wrap;grid-column:1/-1;gap:.5rem;max-height:0;padding:0 .55rem;transition:max-height .35s,opacity .25s,transform .35s,padding .35s;display:flex;position:absolute;top:calc(100% + .45rem);left:.7rem;right:.7rem;overflow:hidden;transform:translateY(-10px);box-shadow:0 14px 32px #11231a1f}.main-menu.open{opacity:1;pointer-events:auto;max-height:260px;padding:.55rem;transform:translateY(0)}.main-menu button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:.48rem .9rem;font-weight:600}.main-menu button.active{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:var(--chip-active-bg)}.hero-panel{color:#f2f8ff;box-shadow:var(--shadow);background:linear-gradient(135deg,#123f8f 0%,#166f58 85%);border-radius:24px;gap:1rem;padding:1.25rem;display:grid}.hero-panel.compact{padding:1rem 1.15rem}.hero-panel h1{margin:.4rem 0;font-size:clamp(1.4rem,5vw,2.3rem);line-height:1.1}.eyebrow{letter-spacing:.06em;text-transform:uppercase;opacity:.88;font-size:.78rem}.hero-copy{opacity:.95;max-width:62ch}.hero-balance{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #fff6;border-radius:16px;justify-self:start;padding:.9rem 1rem}.hero-balance span,.hero-balance small{display:block}.hero-balance strong{font-size:1.45rem;line-height:1.15}.finance-toolbar{justify-content:flex-end;display:flex}.api-message{border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);border-radius:12px;margin:0;padding:.65rem .8rem}.cloud-badge{border:1px solid #ffffff73;border-radius:999px;margin-top:.7rem;padding:.2rem .6rem;font-size:.82rem;display:inline-block}.month-filter{color:var(--ink-soft);align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.month-filter select{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:.4rem .5rem}.content-grid{gap:1rem;display:grid}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;display:grid}.kpi-card,.panel-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #11231a12}.kpi-card{padding:.95rem}.kpi-card h2{margin:0 0 .4rem;font-size:1rem}.kpi-card strong{font-size:1.34rem}.panel-card{padding:1rem}.card-title-row{justify-content:space-between;align-items:baseline;gap:.7rem;margin-bottom:.8rem;display:flex}.card-title-row h3{margin:0;font-size:1.06rem}.card-title-row span{color:var(--ink-soft);font-size:.92rem}.budget-list,.movement-list,.trend-chart,.category-chart,.profile-summary{gap:.65rem;display:grid}.budget-item,.movement-item,.trend-row,.category-row{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:.65rem}.budget-item-header,.trend-row,.category-row{gap:.45rem;display:grid}.budget-item-header{grid-template-columns:1fr auto;align-items:center}.progress-track,.category-track,.trend-track{background:#e8efe8;border-radius:99px;height:9px;overflow:hidden}.progress-track span,.category-track span,.trend-track i{border-radius:99px;height:100%;display:block}.progress-track span,.category-track span{background:linear-gradient(90deg,#1f53b7,#189874)}.channel-split{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem;display:grid}.channel-split article{background:var(--surface-alt);border:1px solid var(--line);border-radius:12px;padding:.8rem}.channel-split h4{margin:0 0 .35rem}.movement-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.movement-form label{color:var(--ink-soft);gap:.2rem;font-weight:600;display:grid}.movement-form input,.movement-form select{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--ink);border-radius:10px;padding:.52rem}.primary-btn{background:var(--primary-bg);color:var(--primary-fg);cursor:pointer;border:none;border-radius:12px;grid-column:1/-1;padding:.65rem .9rem;font-weight:700}.ghost-btn{border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);cursor:pointer;border-radius:12px;padding:.65rem .9rem;font-weight:700}.full-width{grid-column:1/-1}.auth-card{gap:.7rem;display:grid}.auth-tabs{flex-wrap:wrap;gap:.55rem;display:flex}.auth-tabs button{border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);cursor:pointer;border-radius:999px;padding:.45rem .8rem;font-weight:600}.auth-tabs button.active{background:var(--chip-active-bg);color:var(--chip-active-fg);border-color:var(--chip-active-bg)}.auth-form .primary-btn[disabled]{opacity:.65;cursor:wait}.profile-warning{justify-content:space-between;align-items:center;gap:1rem;display:flex}.profile-warning .primary-btn{grid-column:auto}.profile-summary p{background:var(--surface-alt);border:1px solid var(--line);border-radius:10px;padding:.55rem .65rem}.movement-list-card{max-height:580px;overflow:auto}.movement-item{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.movement-item strong,.movement-item small{display:block}.movement-item small{color:var(--ink-soft)}.movement-amount{font-weight:700}.movement-amount.ingreso{color:var(--success)}.movement-amount.gasto,.movement-amount.ahorro{color:var(--danger)}.trend-row{grid-template-columns:80px 1fr auto;align-items:center}.trend-row span{font-weight:600}.trend-track i.positive{background:linear-gradient(90deg,#2d88c7,#27ab61)}.trend-track i.negative{background:linear-gradient(90deg,#de7c31,#cf433f)}.category-row{gap:.4rem}.category-row div{justify-content:space-between;align-items:baseline;display:flex}.movements-layout,.dashboard-layout{grid-template-columns:1fr}.dashboard-side{align-self:start}.quick-actions{gap:.6rem;display:grid}.quick-actions .primary-btn,.quick-actions .ghost-btn{grid-column:auto;width:100%}@media (width>=900px){.top-header{grid-template-columns:auto 1fr}.hamburger{display:none}.header-actions{justify-self:end}.main-menu{opacity:1;pointer-events:auto;max-height:none;box-shadow:none;background:0 0;border:none;grid-column:auto;justify-content:flex-end;padding:0;display:flex;position:static;overflow:visible;transform:none}.hero-panel{grid-template-columns:1.4fr .9fr;align-items:end}.movements-layout{grid-template-columns:1fr 1fr}.analytics-layout,.dashboard-layout{grid-template-columns:1.2fr .9fr}.dashboard-layout .kpi-grid{grid-column:1/-1}.profile-layout{grid-template-columns:1.2fr .8fr}}@media (width<=700px){.app-shell{padding:.75rem}.finance-toolbar{justify-content:stretch}.month-filter{justify-content:space-between;width:100%}.month-filter select{flex:1}.movement-form,.trend-row{grid-template-columns:1fr}.trend-row strong{justify-self:end}.movement-item,.profile-warning{flex-direction:column;align-items:flex-start}}
/*$vite$:1*/