:root{--bg: oklch(.985 .004 250);--surface: oklch(1 0 0);--surface-2: oklch(.975 .005 250);--surface-3: oklch(.955 .007 250);--border: oklch(.92 .006 255);--border-strong: oklch(.86 .008 255);--text: oklch(.24 .018 262);--text-2: oklch(.46 .015 260);--text-3: oklch(.62 .012 258);--text-inv: oklch(.99 .003 250);--accent: oklch(.55 .16 256);--accent-strong: oklch(.48 .17 257);--accent-soft: oklch(.95 .03 256);--accent-soft-2: oklch(.9 .05 256);--pos: oklch(.58 .13 158);--pos-soft: oklch(.95 .04 158);--neg: oklch(.58 .16 22);--neg-soft: oklch(.95 .04 22);--warn: oklch(.7 .13 70);--warn-soft: oklch(.95 .05 75);--info: oklch(.62 .1 230);--c1: oklch(.55 .16 256);--c2: oklch(.62 .13 200);--c3: oklch(.58 .13 158);--c4: oklch(.7 .13 70);--c5: oklch(.62 .15 330);--c6: oklch(.58 .16 22);--c7: oklch(.6 .1 285);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--sh-sm: 0 1px 2px oklch(.5 .03 260 / .05), 0 1px 1px oklch(.5 .03 260 / .04);--sh-md: 0 2px 8px oklch(.5 .03 260 / .06), 0 1px 2px oklch(.5 .03 260 / .05);--sh-lg: 0 12px 32px oklch(.5 .03 260 / .1), 0 2px 8px oklch(.5 .03 260 / .05);--font: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--side-w: 248px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:15px;line-height:1.5}#root{min-height:100vh}.mono{font-family:var(--mono);font-feature-settings:"tnum" 1;letter-spacing:-.02em}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}::placeholder{color:var(--text-3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.app{display:flex;min-height:100vh}.sidebar{width:var(--side-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:40}.main{margin-left:var(--side-w);flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:28px 36px 64px;max-width:1320px;width:100%;margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:#f8fafdd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:16px 36px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:11px;padding:22px 20px 18px}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--accent),var(--accent-strong));display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:var(--sh-sm)}.brand-name{font-weight:800;font-size:16px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-3);font-weight:600;letter-spacing:.02em}.nav{padding:8px 12px;display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-sm);color:var(--text-2);font-weight:600;font-size:14px;transition:background .14s,color .14s;text-align:left;width:100%}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-strong)}.nav-item.active svg{color:var(--accent)}.nav-item svg{width:19px;height:19px;flex-shrink:0;color:var(--text-3)}.nav-item.active .nav-badge{background:var(--accent);color:#fff}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--surface-3);color:var(--text-2);padding:1px 7px;border-radius:99px;min-width:20px;text-align:center}.side-foot{margin-top:auto;padding:14px;border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:11px;padding:8px;border-radius:var(--r-md);transition:background .14s}.user-chip:hover{background:var(--surface-2)}.avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,var(--c5),var(--accent));display:grid;place-items:center;color:#fff;font-weight:700;font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-pad{padding:22px}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.card-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.card-sub{font-size:12.5px;color:var(--text-3);font-weight:500;margin-top:2px}.page-title{font-size:26px;font-weight:800;letter-spacing:-.025em}.page-sub{color:var(--text-2);font-size:14.5px;margin-top:3px}.eyebrow{font-size:11px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em}.amount-xl{font-size:34px;font-weight:800;letter-spacing:-.03em}.amount-lg{font-size:24px;font-weight:800;letter-spacing:-.025em}.muted{color:var(--text-3)}.t2{color:var(--text-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-sm);font-weight:700;font-size:14px;transition:background .14s,box-shadow .14s,transform .06s,border-color .14s;white-space:nowrap}.btn:active{transform:translateY(.5px)}.btn svg{width:17px;height:17px}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--sh-sm)}.btn-primary:hover{background:var(--accent-strong)}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.btn-soft{background:var(--accent-soft);color:var(--accent-strong)}.btn-soft:hover{background:var(--accent-soft-2)}.btn-sm{padding:7px 12px;font-size:13px}.btn-icon{padding:9px;border-radius:var(--r-sm)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}.badge-pos{background:var(--pos-soft);color:#005d38;color:oklch(.42 .12 158)}.badge-neg{background:var(--neg-soft);color:#9e212c}.badge-warn{background:var(--warn-soft);color:#804810}.badge-info{background:var(--accent-soft);color:var(--accent-strong)}.badge-muted{background:var(--surface-3);color:var(--text-2)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:13px;color:var(--text-2);transition:all .14s}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.active{background:var(--text);color:var(--text-inv);border-color:var(--text)}.row{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--border)}.row:last-child{border-bottom:none}.row-ico{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center}.bar{height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;transition:width .5s cubic-bezier(.2,.7,.2,1)}.grid{display:grid;gap:18px}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#282e3861;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;animation:fade .16s ease}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-lg);width:100%;max-width:480px;overflow:hidden;animation:pop .2s cubic-bezier(.2,.8,.2,1)}.modal-head{padding:22px 24px 0;display:flex;justify-content:space-between;align-items:flex-start}.modal-body{padding:18px 24px 24px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-size:13px;font-weight:700;color:var(--text-2)}.input,.select{width:100%;padding:11px 13px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface);font-size:14.5px;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}}@keyframes rise{0%{transform:translateY(8px)}to{transform:none}}.rise{animation:rise .4s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion:reduce){.rise{animation:none}}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px}.om-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:7px;border-radius:99px;outline:none;cursor:pointer}.om-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--sh-sm);cursor:grab;transition:transform .1s}.om-range::-webkit-slider-thumb:active{transform:scale(1.12);cursor:grabbing}.om-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--sh-sm);cursor:grab}.seg button{padding:6px 14px;border-radius:6px;font-weight:600;font-size:13px;color:var(--text-2);transition:all .14s}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.mobile-nav,.menu-btn{display:none}@media(max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}.g-3{grid-template-columns:1fr 1fr}}@media(max-width:860px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--sh-lg)}.sidebar.open{transform:none}.main{margin-left:0}.content{padding:18px 16px 96px}.topbar{padding:14px 16px}.menu-btn{display:inline-flex}.g-4,.g-3,.g-2{grid-template-columns:1fr}.span-2{grid-column:auto!important}.mobile-nav{display:flex;position:fixed;inset:auto 0 0 0;z-index:45;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:flex-start;gap:2px;overflow-x:auto;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 6px;color:var(--text-3);font-size:10px;font-weight:700;flex:0 0 auto;min-width:60px}.mobile-nav button.active{color:var(--accent)}.mobile-nav svg{width:22px;height:22px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#282e384d}.page-title{font-size:22px}.amount-xl{font-size:28px}.topbar-date{display:none}}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.gasto-row .row-actions{opacity:0;transition:opacity .14s}.gasto-row:hover .row-actions{opacity:1}.gasto-row .del-btn,.gasto-row .edit-btn{color:var(--text-3);background:transparent;transition:color .14s,background .14s}.edit-btn:hover{color:var(--accent);background:var(--accent-soft)}.del-btn:hover{color:var(--neg);background:var(--neg-soft)}@media(hover:none){.gasto-row .row-actions{opacity:.7}}.cc-card:hover{transform:translateY(-3px)!important}.cc-actions{opacity:0;transition:opacity .14s}.cc-card:hover .cc-actions{opacity:1}.cc-btn{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;background:#ffffff29;transition:background .14s}.cc-btn:hover{background:#ffffff4d}@media(hover:none){.cc-actions{opacity:.85}}select.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.fc{display:flex;flex-direction:column}.fr{display:flex;align-items:center}.auth-wrap{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh}.auth-brand{background:linear-gradient(160deg,var(--accent-strong),oklch(.32 .13 262));padding:44px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%);top:-160px;right:-160px}.auth-brand:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 70%);bottom:-120px;left:-80px}.auth-brand>*{position:relative;z-index:1}.auth-form-col{display:grid;place-items:center;padding:40px 24px;background:var(--surface)}.auth-card{width:100%;max-width:380px}.auth-link{color:var(--accent);font-weight:700;font-size:13.5px}.auth-link:hover{color:var(--accent-strong);text-decoration:underline}.auth-err{display:flex;align-items:center;gap:8px;background:var(--neg-soft);color:#9e212c;padding:10px 13px;border-radius:var(--r-sm);font-size:13px;font-weight:600}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:12px;font-weight:600}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--border)}@media(max-width:860px){.auth-wrap{grid-template-columns:1fr}.auth-brand{display:none}}.between{justify-content:space-between}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-18{gap:18px}.gap-24{gap:24px}.wrap{flex-wrap:wrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.center{align-items:center}.grow{flex:1;min-width:0}