@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-dark:#0b0d11;--bg-surface:#13161c;--bg-card:#1a1d25;--bg-card-hover:#22262f;--text-main:#f0f1f3;--text-secondary:#b0b5bf;--text-muted:#6b7280;--border-color:#2a2e38;--border-active:#3b82f6;--accent-cyan:#22d3ee;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-red:#ef4444;--accent-amber:#f59e0b;--accent-purple:#a78bfa;--chart-budget:#4b556380;--chart-budget-border:#6b7280;--chart-expense:#ef4444;--chart-line:#22d3ee;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2rem;--sp-2xl:3rem;--r-sm:.375rem;--r-md:.625rem;--r-lg:1rem;--r-xl:1.25rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4b5563}h1{letter-spacing:-.03em;font-size:1.75rem;font-weight:800}h2{color:var(--text-main);font-size:1.15rem;font-weight:600}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.container{width:100%;max-width:1480px;padding:var(--sp-lg) var(--sp-xl);margin:0 auto}.dashboard-grid{gap:var(--sp-xl);grid-template-columns:260px 1fr;align-items:flex-start;display:grid}header{margin-bottom:var(--sp-xl);padding-bottom:var(--sp-lg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}header .subtitle{color:var(--text-muted);margin-top:var(--sp-xs);font-size:.875rem}.card{background-color:var(--bg-card);border-radius:var(--r-xl);padding:var(--sp-lg);border:1px solid var(--border-color);transition:border-color .2s}.card:hover{border-color:#374151}.tabs-container{gap:var(--sp-xs);background:var(--bg-surface);border-radius:var(--r-md);margin-bottom:var(--sp-xl);width:fit-content;padding:4px;display:flex}.tab-btn{color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 8px #3b82f64d}.big-kpi{text-align:left}.big-kpi .value{letter-spacing:-.02em;font-size:2.75rem;font-weight:800;line-height:1.1}.big-kpi .label{color:var(--text-muted);margin-top:var(--sp-xs);font-size:.8rem}.pockets-grid{gap:var(--sp-lg);margin-top:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.bar-row{align-items:center;gap:.5rem;display:flex}.bar-label{color:var(--text-muted);text-align:right;text-transform:uppercase;letter-spacing:.04em;min-width:28px;font-size:.6rem;font-weight:600}.pocket-saldos{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.pocket-saldo-item{flex-direction:column;display:flex}.pocket-saldo-item .saldo-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.6rem;font-weight:600}.pocket-saldo-item .saldo-value{letter-spacing:-.02em;font-size:1.25rem;font-weight:800;line-height:1.2}.pocket-card .pocket-meta{color:var(--text-muted);justify-content:space-between;font-size:.72rem;display:flex}.progress-bar-track{background:var(--bg-dark);border-radius:4px;flex:1;width:100%;height:7px;overflow:hidden}.progress-bar-fill{border-radius:4px;min-width:2px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.kpi-row{gap:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl);padding:var(--sp-lg)}.kpi-card .kpi-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-sm);font-size:.75rem;font-weight:600}.kpi-card .kpi-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1}.kpi-card .kpi-sub{color:var(--text-muted);margin-top:var(--sp-xs);font-size:.8rem}.dual-kpi-container{gap:var(--sp-md);margin-top:var(--sp-md);flex-direction:column;display:flex}.kpi-split{flex-direction:column;display:flex}.pocket-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--r-xl);flex-direction:column;gap:1.25rem;min-width:280px;padding:1.5rem;transition:transform .2s,border-color .2s;display:flex}.pocket-card:hover{background:var(--bg-card-hover);border-color:#fff3;transform:translateY(-4px)}.pocket-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1rem;display:flex}.pocket-name{color:var(--text-main);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:.95rem;font-weight:800;line-height:1.25}.pocket-main-balance{text-align:right;flex-shrink:0}.kpi-value.highlight{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1}.bar-section{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.bar-label-container{text-transform:uppercase;color:var(--text-muted);justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.progress-bg{background:#ffffff0d;border-radius:10px;height:6px;overflow:hidden}.progress-fill{border-radius:10px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.pocket-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.pocket-meta-item{justify-content:space-between;align-items:center;display:flex}.pocket-meta-item .label{color:var(--text-muted);font-size:.75rem;font-weight:600}.pocket-meta-item .value{font-size:1.1rem;font-weight:700}.pocket-meta-grid{color:#94a3b8;border-top:1px solid #ffffff08;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.65rem;padding-top:.75rem;font-size:.65rem;display:grid}.pocket-meta-grid label{margin-right:2px;font-size:.6rem}.chart-container{width:100%;height:380px;margin-top:var(--sp-md);position:relative}.form-group{margin-bottom:var(--sp-md);flex-direction:column;gap:.2rem;display:flex}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}select,input{background-color:var(--bg-dark);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--r-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;width:100%;padding:.5rem 28px .5rem .75rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}select:focus,input:focus{border-color:var(--accent-blue);outline:none}.filter-sidebar{top:var(--sp-lg);position:sticky}.filter-sidebar h2{margin-bottom:var(--sp-md)}.sidebar-divider{background:var(--border-color);height:1px;margin:var(--sp-md) 0}.upload-page{justify-content:center;align-items:center;gap:var(--sp-xl);min-height:100vh;padding:var(--sp-xl);flex-direction:column;display:flex}.upload-box{border:2px dashed var(--border-color);border-radius:var(--r-xl);text-align:center;background:var(--bg-card);cursor:pointer;align-items:center;gap:var(--sp-md);flex-direction:column;padding:3rem 4rem;transition:border-color .2s,background-color .2s,transform .15s;display:flex}.upload-box:hover{border-color:var(--accent-blue);background:var(--bg-card-hover);transform:scale(1.01)}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--r-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:opacity .15s,transform .15s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.clr-green{color:var(--accent-green)}.clr-red{color:var(--accent-red)}.clr-cyan{color:var(--accent-cyan)}.clr-amber{color:var(--accent-amber)}.clr-blue{color:var(--accent-blue)}.clr-muted{color:var(--text-muted)}.bg-green{color:var(--accent-green);background:#10b98126}.bg-red{color:var(--accent-red);background:#ef444426}.bg-amber{color:var(--accent-amber);background:#f59e0b26}.main-content{gap:var(--sp-xl);flex-direction:column;display:flex}.charts-row{gap:var(--sp-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=1200px){.charts-row,.dashboard-grid{grid-template-columns:1fr}.pockets-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.App{text-align:unset}.distribution-table{border-collapse:collapse;width:100%;margin-top:1rem}.distribution-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:2px solid var(--border-color);padding:.75rem .5rem;font-size:.75rem}.distribution-table td{border-bottom:1px solid var(--border-color);padding:1rem .5rem;font-size:.9rem}.distribution-table tr:hover{background:#ffffff05}.distribution-row{align-items:center}