@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-base:224 25% 6%;--bg-card:224 25% 10%;--border-card:224 20% 18%;--primary:250 85% 65%;--primary-hover:250 85% 72%;--primary-glow:250 85% 65% / .15;--secondary:180 80% 45%;--secondary-glow:180 80% 45% / .15;--success:142 70% 45%;--success-glow:142 70% 45% / .15;--warning:38 92% 50%;--danger:350 80% 55%;--text-primary:210 40% 98%;--text-secondary:215 20% 65%;--text-muted:215 15% 45%;--font-display:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-sans:"Inter", system-ui, -apple-system, sans-serif}.light-theme{--bg-base:220 30% 96%;--bg-card:0 0% 100%;--border-card:220 20% 88%;--primary:250 85% 58%;--primary-hover:250 85% 50%;--primary-glow:250 85% 58% / .08;--secondary:180 80% 35%;--secondary-glow:180 80% 35% / .08;--success:142 70% 38%;--success-glow:142 70% 38% / .08;--warning:38 92% 45%;--danger:350 80% 48%;--text-primary:220 25% 12%;--text-secondary:220 15% 40%;--text-muted:220 10% 60%}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:hsl(var(--bg-base));color:hsl(var(--text-primary));background-image:radial-gradient(circle at 10% 20%, hsla(var(--primary), .08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, hsla(var(--secondary), .06) 0%, transparent 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:hsl(var(--border-card));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--text-muted))}.app-container{grid-template-columns:260px 1fr;min-height:100vh;display:grid}@media (width<=1024px){.app-container{grid-template-columns:1fr}}.sidebar{background-color:hsla(var(--bg-card), .85);border-right:1px solid hsl(var(--border-card));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;flex-direction:column;gap:2rem;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0;overflow-y:auto}.logo-section{font-family:var(--font-display);background:linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--secondary)) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;display:flex}.nav-links{flex-direction:column;gap:.5rem;display:flex}.nav-btn{color:hsl(var(--text-secondary));cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-btn:hover{background-color:hsla(var(--primary), .08);color:hsl(var(--text-primary))}.nav-btn.active{background:linear-gradient(135deg, hsla(var(--primary), .15) 0%, hsla(var(--secondary), .1) 100%);border-left:3px solid hsl(var(--primary));color:hsl(var(--text-primary));font-weight:600}.main-content{flex-direction:column;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem;display:flex}.glass-card{background:hsla(var(--bg-card), .6);border:1px solid hsl(var(--border-card));-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 8px 32px #0000004d}.glass-card:hover{border-color:hsla(var(--primary), .3);box-shadow:0 12px 40px 0 #0006, 0 0 20px 0 hsla(var(--primary), .05)}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:hsl(var(--primary));color:#fff;box-shadow:0 4px 14px 0 hsla(var(--primary), .4)}.btn-primary:hover{background:hsl(var(--primary-hover));transform:translateY(-1px)}.btn-secondary{background:hsla(var(--border-card), .5);color:hsl(var(--text-primary));border-color:hsl(var(--border-card))}.btn-secondary:hover{background:hsl(var(--border-card))}.balance-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.balance-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--text-secondary));font-size:.9rem;font-weight:600}.balance-value{font-family:var(--font-display);background:linear-gradient(135deg, #fff 40%, hsl(var(--text-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:.5rem 0;font-size:2.25rem;font-weight:700}.tx-table-container{margin-top:1rem;overflow-x:auto}.tx-table{border-collapse:collapse;text-align:left;width:100%}.tx-table th{border-bottom:1px solid hsl(var(--border-card));color:hsl(var(--text-secondary));text-transform:uppercase;padding:1rem;font-size:.85rem;font-weight:600}.tx-table td{border-bottom:1px solid hsla(var(--border-card), .4);padding:1rem;font-size:.9rem}.tx-table tr:hover td{background-color:hsla(var(--border-card), .2)}.tx-amount{font-weight:600}.tx-amount.income{color:hsl(var(--success))}.tx-amount.expense{color:hsl(var(--danger))}.badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-bank{background-color:hsla(var(--primary), .15);color:hsl(var(--primary-hover))}.badge-crypto{background-color:hsla(var(--secondary), .15);color:hsl(var(--secondary))}.badge-category{background-color:hsla(var(--text-muted), .15);color:hsl(var(--text-secondary))}.form-group{margin-bottom:1.25rem}.form-label{color:hsl(var(--text-secondary));margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-input{background-color:hsla(var(--bg-card), .5);border:1px solid hsl(var(--border-card));width:100%;color:hsl(var(--text-primary));border-radius:8px;outline:none;padding:.75rem;transition:border-color .2s}.form-input:focus{border-color:hsl(var(--primary))}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.glow-text{text-shadow:0 0 10px hsla(var(--primary), .5)}.dropzone{border:2px dashed hsl(var(--border-card));text-align:center;cursor:pointer;background-color:hsla(var(--bg-card), .2);border-radius:12px;padding:2.5rem;transition:all .2s}.dropzone:hover,.dropzone.active{border-color:hsl(var(--primary));background-color:hsla(var(--primary), .05)}select.form-input option,select option{background-color:hsl(var(--bg-card))!important;color:hsl(var(--text-primary))!important}
