@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e2e8f0;background-color:#05030e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(107,33,168,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(147,51,234,.06) 0%,transparent 50%),#05030e}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6b21a880;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#6b21a8}.header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);border-radius:20px;margin-bottom:1.5rem;border:1px solid rgba(192,132,252,.15);box-shadow:0 8px 50px #6b21a833,0 0 0 1px #c084fc14,inset 0 1px #ffffff14;position:relative;overflow:hidden}.header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(216,180,254,.6) 20%,rgba(192,132,252,.8) 50%,rgba(216,180,254,.6) 80%,transparent 100%)}.header:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle at 30% 50%,rgba(107,33,168,.08) 0%,transparent 25%);pointer-events:none}.header-left{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.header-brand{display:flex;align-items:center;gap:1.25rem}.header-logo{width:160px;height:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.header-logo:hover{transform:scale(1.05)}.header-logo img{width:100%;height:100%;object-fit:contain}.header-titles{display:flex;flex-direction:column;gap:.35rem}.header-title{font-size:1.4rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.title-main{background:linear-gradient(135deg,#fff,#f3e8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,255,255,.2)}.title-divider{color:#c084fc66;font-weight:300;font-size:1.2rem}.title-accent{font-size:1.15rem;font-weight:600;background:linear-gradient(135deg,#d8b4fe,#c084fc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em}.header-subtitle{color:#94a3b8;font-size:.7rem;margin:0;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.subtitle-icon{font-size:.5rem;color:#c084fc99}.header-right{display:flex;gap:1.5rem;position:relative;z-index:1}.header-indicators-container{display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#05030e99;border-radius:14px;border:1px solid rgba(192,132,252,.15);box-shadow:inset 0 2px 4px #0000001a}.header-indicator{display:flex;align-items:center;gap:.6rem}.indicator-icon{font-size:1.1rem;opacity:.9}.indicator-content{display:flex;flex-direction:column;gap:.15rem}.indicator-label{font-size:.65rem;color:#c084fc;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.indicator-value{font-size:.9rem;color:#f3e8ff;font-weight:600;letter-spacing:-.01em}.indicator-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent 0%,rgba(192,132,252,.4) 50%,transparent 100%)}.logout-button{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.logout-button:hover{background-color:#6b21a840}.refresh-button{background:transparent;border:none;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#94a3b8}.refresh-button:hover:not(:disabled){background-color:#6b21a840;color:#c084fc}.refresh-button:disabled{cursor:wait;opacity:.7}.refresh-icon{width:18px;height:18px;transition:color .2s ease}.refresh-button.refreshing .refresh-icon{animation:spin 1s linear infinite;color:#c084fc}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.header{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem}.header-brand{flex-direction:column;gap:1rem}.header-title{flex-direction:column;gap:.25rem;font-size:1.5rem}.title-divider{display:none}.header-right{justify-content:center}.header-indicators-container{flex-wrap:wrap;justify-content:center;gap:.75rem}.indicator-divider{display:none}.header-indicator{padding:.5rem .75rem;background:#6b21a826;border-radius:8px}}@media(max-width:480px){.header-logo{width:140px;height:45px}.header-title{font-size:1.25rem}.title-accent{font-size:1.1rem}.header-subtitle{font-size:.7rem}}.filters-bar{background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);border-radius:16px;padding:1.25rem;margin-bottom:1.5rem;border:1px solid rgba(192,132,252,.15);box-shadow:0 8px 40px #6b21a81f,inset 0 1px #ffffff0f}.filters-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:140px}.filter-group--search{flex:1;min-width:200px}.filter-label{font-size:.75rem;color:#d8b4fe;text-transform:uppercase;letter-spacing:.5px;font-weight:600;text-shadow:0 0 15px rgba(216,180,254,.3)}.filter-select,.filter-input{padding:.625rem .875rem;background:#05030eb3;border:1px solid rgba(107,33,168,.3);border-radius:8px;color:#f1f5f9;font-size:.875rem;transition:all .2s ease}.filter-select:focus,.filter-input:focus{outline:none;border-color:#c084fc;box-shadow:0 0 0 3px #c084fc33,0 0 20px #c084fc26}.filter-select option{background:#11081f;color:#e2e8f0}.filter-clear{padding:.625rem 1.25rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-clear:hover{background:#ef444440;box-shadow:0 0 20px #ef444433}.filters-categories{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip{padding:.375rem .75rem;background:#6b21a826;border:1px solid rgba(192,132,252,.2);border-radius:20px;color:#c4b5fd;font-size:.8rem;cursor:pointer;transition:all .2s ease}.category-chip:hover{background:#6b21a840;border-color:#c084fc66;color:#d8b4fe;box-shadow:0 0 15px #c084fc33}.category-chip--active{background:#9333ea59;border-color:#c084fc;color:#f3e8ff;box-shadow:0 0 20px #c084fc4d}@media(max-width:768px){.filters-row{flex-direction:column}.filter-group{width:100%}.filter-group--search{min-width:100%}}.kpi-card{display:flex;flex-direction:column;padding:1rem 1.25rem;background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);border-radius:16px;border:1px solid rgba(192,132,252,.15);transition:all .3s ease;box-shadow:0 8px 40px #6b21a826,0 0 0 1px #c084fc14,inset 0 1px #ffffff14,inset 0 -1px #00000026;min-width:0;overflow:hidden}.kpi-card:hover{transform:translateY(-3px);border-color:#c084fc59;box-shadow:0 15px 50px #6b21a84d,0 0 0 1px #c084fc33,inset 0 1px #ffffff1f}.kpi-header{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.5rem}.kpi-icon{font-size:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#6b21a84d,#9333ea33);box-shadow:inset 0 1px #ffffff1a;flex-shrink:0}.kpi-card--success .kpi-icon{background:linear-gradient(135deg,#22c55e40,#16a34a26)}.kpi-card--danger .kpi-icon{background:linear-gradient(135deg,#ef444440,#dc262626)}.kpi-card--info .kpi-icon{background:linear-gradient(135deg,#c084fc40,#9333ea26)}.kpi-title{font-size:.8rem;color:#c084fc;font-weight:600;letter-spacing:.02em;text-shadow:0 0 20px rgba(192,132,252,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-content{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;min-width:0}.kpi-value{font-size:1.6rem;font-weight:700;color:#f8fafc;text-shadow:0 0 30px rgba(255,255,255,.15);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.kpi-card--success .kpi-value{color:#4ade80;text-shadow:0 0 20px rgba(74,222,128,.3)}.kpi-card--danger .kpi-value{color:#f87171;text-shadow:0 0 20px rgba(248,113,113,.3)}.kpi-card--info .kpi-value{color:#d8b4fe;text-shadow:0 0 20px rgba(216,180,254,.3)}.kpi-subtitle{font-size:.7rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.kpi-card{padding:.875rem 1rem}.kpi-icon{width:32px;height:32px;font-size:1.1rem}.kpi-value{font-size:1.35rem}}.kpi-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}@media(max-width:640px){.kpi-section{grid-template-columns:1fr}}.chart-container{background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);border-radius:16px;padding:1.25rem;border:1px solid rgba(192,132,252,.15);box-shadow:0 8px 40px #6b21a81f,inset 0 1px #ffffff0f;height:100%;display:flex;flex-direction:column}.chart-title{font-size:1rem;font-weight:600;color:#d8b4fe;margin:0 0 1rem;text-shadow:0 0 20px rgba(216,180,254,.3)}.chart-wrapper{width:100%;height:350px;position:relative}.chart-wrapper--donut{min-height:280px}@media(max-width:768px){.chart-wrapper{min-height:200px}.chart-wrapper--donut{min-height:220px}}.table-container{background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);border-radius:16px;padding:1.25rem;border:1px solid rgba(192,132,252,.15);box-shadow:0 8px 40px #6b21a81f,inset 0 1px #ffffff0f}.table-title{font-size:1rem;font-weight:600;color:#d8b4fe;margin:0 0 1rem;text-shadow:0 0 20px rgba(216,180,254,.3)}.table-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;color:#c4b5fd}.search-highlight{color:#e9d5ff;font-style:italic;text-shadow:0 0 10px rgba(233,213,255,.3)}.table-wrapper{overflow-x:auto;margin-bottom:1rem}.transactions-table{width:100%;border-collapse:collapse;font-size:.875rem}.transactions-table th{text-align:left;padding:.875rem 1rem;background:#05030eb3;color:#c084fc;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-bottom:1px solid rgba(192,132,252,.2)}.transactions-table th:hover{color:#e9d5ff;text-shadow:0 0 15px rgba(233,213,255,.4)}.sort-indicator{margin-left:.5rem;opacity:.4}.sort-indicator.active{opacity:1;color:#d8b4fe}.transactions-table td{padding:.875rem 1rem;border-bottom:1px solid rgba(107,33,168,.15);color:#f1f5f9}.transactions-table tbody tr{transition:background-color .2s ease}.transactions-table tbody tr:hover{background:#6b21a826}.description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:.25rem .625rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-ingreso{background:#22c55e33;color:#4ade80;border:1px solid rgba(74,222,128,.3);text-shadow:0 0 10px rgba(74,222,128,.3)}.badge-gasto{background:#ef444433;color:#f87171;border:1px solid rgba(248,113,113,.3);text-shadow:0 0 10px rgba(248,113,113,.3)}.amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.amount-positive{color:#4ade80;text-shadow:0 0 15px rgba(74,222,128,.3)}.amount-negative{color:#f87171;text-shadow:0 0 15px rgba(248,113,113,.3)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .875rem;background:#6b21a833;border:1px solid rgba(192,132,252,.3);border-radius:8px;color:#d8b4fe;font-size:.875rem;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#6b21a859;box-shadow:0 0 20px #c084fc33}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{padding:0 1rem;color:#c4b5fd;font-size:.875rem}@media(max-width:768px){.table-info{flex-direction:column;gap:.5rem;align-items:flex-start}.transactions-table th,.transactions-table td{padding:.625rem .5rem}.description-cell{max-width:150px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:radial-gradient(ellipse at 20% 0%,rgba(107,33,168,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(147,51,234,.12) 0%,transparent 50%),linear-gradient(180deg,#05030e,#11081f,#05030e);padding:2rem;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(192,132,252,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(192,132,252,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.login-container:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(107,33,168,.12) 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%;animation:float 8s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-30px,30px) rotate(180deg)}}.login-card{background:linear-gradient(145deg,#281946fa,#140a28f2,#1e0f37fa);padding:3rem;border-radius:24px;box-shadow:0 25px 60px #6b21a840,0 0 0 1px #c084fc26,inset 0 1px #ffffff1a,inset 0 -1px #0003;border:1px solid rgba(192,132,252,.2);width:100%;max-width:420px;color:#fff;position:relative;z-index:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.login-card:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(192,132,252,.8) 20%,rgba(147,51,234,.8) 50%,rgba(192,132,252,.8) 80%,transparent 100%);border-radius:0 0 4px 4px}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:220px;height:70px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.login-logo img{width:100%;height:100%;object-fit:contain}.login-card h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 0 40px rgba(255,255,255,.1)}.login-subtitle{color:#94a3b8;font-size:.875rem;margin:0;letter-spacing:.02em}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;color:#c084fc;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#64748b;font-size:1.1rem;pointer-events:none;transition:color .2s}.form-group input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:12px;border:1px solid rgba(107,33,168,.3);background:linear-gradient(135deg,#05030ecc,#11081f99);color:#f1f5f9;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.form-group input::placeholder{color:#475569}.form-group input:focus{outline:none;border-color:#9333ea99;box-shadow:0 0 0 3px #6b21a826,0 4px 12px #0003;background:linear-gradient(135deg,#05030ef2,#11081fcc)}.form-group input:focus+.input-icon,.form-group input:not(:placeholder-shown)+.input-icon{color:#c084fc}.error-message{color:#f87171;text-align:center;margin-bottom:1.25rem;font-size:.875rem;padding:.75rem 1rem;background:#ef44441a;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.login-button{width:100%;padding:1rem 1.5rem;border-radius:12px;border:none;background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.02em}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s ease}.login-button:hover{transform:translateY(-2px);box-shadow:0 0 30px #6b21a880,0 0 60px #6b21a84d}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(107,33,168,.2)}.login-footer p{color:#64748b;font-size:.75rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-footer .secure-icon{color:#22c55e}@media(max-width:480px){.login-card{padding:2rem;border-radius:20px}.login-logo{width:120px;height:40px}.login-card h2{font-size:1.5rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at 20% 0%,rgba(107,33,168,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(147,51,234,.06) 0%,transparent 50%),#05030e;min-height:100vh;color:#e2e8f0;line-height:1.6}#root{min-height:100vh}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;color:#94a3b8}.loading-spinner{width:48px;height:48px;border:3px solid rgba(107,33,168,.2);border-top-color:#9333ea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;text-align:center;padding:2rem}.error-icon{font-size:4rem}.error-screen h2{color:#ef4444;font-size:1.5rem}.error-screen p{color:#94a3b8;max-width:400px}.error-screen button{margin-top:1rem;padding:.75rem 2rem;background:linear-gradient(135deg,#6b21a8,#9333ea);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.error-screen button:hover{transform:translateY(-2px);box-shadow:0 0 30px #6b21a880}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.chart-item--wide{grid-column:span 2}.table-section{margin-bottom:2rem}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-item--wide{grid-column:span 1}}@media(max-width:640px){.dashboard{padding:1rem}}:focus-visible{outline:2px solid #9333EA;outline-offset:2px}