*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#667eea;--secondary:#764ba2;--success:#2ecc71;--danger:#e74c3c;--warning:#f39c12;--info:#3498db;--light:#ecf0f1;--dark:#2c3e50;--shadow:0 15px 50px #0003;--radius:15px;--bg-body:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-card:#fff;--bg-input:#fff;--bg-record:#f8f9fa;--text-main:#2c3e50;--text-muted:#999;--border-color:#ecf0f1;--navbar-bg:#fff}[data-theme=dark]{--bg-body:linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-card:#1e293b;--bg-input:#2d3748;--bg-record:#2d3748;--text-main:#e2e8f0;--text-muted:#94a3b8;--border-color:#334155;--navbar-bg:#1e293b;--shadow:0 15px 50px #00000080;--light:#2d3748;--dark:#e2e8f0}html{scroll-behavior:smooth}body{background:var(--bg-body);min-height:100vh;color:var(--text-main);background-attachment:fixed;padding:30px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .3s}.container{max-width:1400px;margin:0 auto}.login-screen{z-index:1000;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:fixed;inset:0}.login-card{background:var(--bg-card);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0000004d}.login-title{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:30px;font-size:2em;font-weight:700}.login-input{border:2px solid var(--border-color);box-sizing:border-box;background:var(--bg-input);width:100%;color:var(--text-main);border-radius:8px;margin-bottom:12px;padding:14px;font-size:1em;transition:border .3s}.login-input:focus{border-color:var(--primary);outline:none}.login-error{color:#e74c3c;margin-bottom:12px;font-size:.9em}.btn-login{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1em;font-weight:600;transition:all .3s;display:flex}.btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-note{color:#bbb;margin-top:15px;font-size:.85em}.navbar{background:var(--navbar-bg);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;padding:20px 30px;display:flex}.navbar-brand{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8em;font-weight:700}.navbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-info{color:var(--text-main);align-items:center;gap:8px;font-size:.95em;font-weight:600;display:flex}.btn-icon{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.9em;font-weight:600;transition:all .3s;display:flex}.btn-icon:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.btn-secondary{background:var(--info)}.btn-logout{color:var(--danger);border:2px solid var(--danger);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9em;font-weight:600;transition:all .3s;display:flex}.btn-logout:hover{background:var(--danger);color:#fff}.btn-darkmode{color:var(--text-main);border:2px solid var(--border-color);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px;font-size:1em;transition:all .3s}.btn-darkmode:hover{border-color:var(--primary);color:var(--primary)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);border-left:5px solid var(--primary);padding:25px;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #00000040}.stat-card.success{border-left-color:var(--success)}.stat-card.danger{border-left-color:var(--danger)}.stat-card.info{border-left-color:var(--info)}.stat-icon{margin-bottom:15px;font-size:2.5em}.stat-icon.success{color:var(--success)}.stat-icon.danger{color:var(--danger)}.stat-icon.info{color:var(--info)}.stat-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:.9em;font-weight:600}.stat-value{color:var(--text-main);font-size:2.2em;font-weight:700}.stat-percentage{color:var(--text-muted);margin-top:10px;font-size:.85em}.main-grid{grid-template-columns:1fr 2fr;gap:30px;margin-bottom:30px;display:grid}@media (width<=900px){.main-grid{grid-template-columns:1fr}}.form-card,.section-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px}.form-card h2,.section-card h2{color:var(--text-main);align-items:center;gap:10px;margin-bottom:25px;font-size:1.5em;display:flex}.form-card h2 i,.section-card h2 i{color:var(--primary)}.form-group{margin-bottom:20px}.form-group label{color:var(--text-main);margin-bottom:10px;font-size:.95em;font-weight:600;display:block}.form-group input,.form-group select{border:2px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-main);border-radius:8px;padding:14px;font-family:inherit;font-size:1em;transition:all .3s}.form-group input:focus,.form-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #667eea1a}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 30px;font-size:1em;font-weight:600;transition:all .3s;display:flex}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.search-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.search-bar input,.search-bar select{border:2px solid var(--border-color);background:var(--bg-input);color:var(--text-main);border-radius:8px;padding:10px 14px;font-size:.9em;transition:border .2s}.search-bar input{flex:1;min-width:160px}.search-bar input:focus,.search-bar select:focus{border-color:var(--primary);outline:none}.search-bar select{cursor:pointer}.pagination{border-top:1px solid var(--border-color);justify-content:center;align-items:center;gap:6px;margin-top:12px;padding-top:12px;display:flex}.pagination button{border:2px solid var(--border-color);background:var(--bg-card);color:var(--text-main);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.85em;font-weight:600;transition:all .2s}.pagination button:hover{border-color:var(--primary);color:var(--primary)}.pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-muted);font-size:.85em}.records-container{max-height:420px;margin-top:10px;overflow-y:auto}.record-item{background:var(--bg-record);border-left:4px solid var(--primary);border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 16px;transition:all .3s;display:flex}.record-item:hover{transform:translate(3px);box-shadow:0 5px 20px #0000001a}.record-item.ingreso{border-left-color:var(--success)}.record-item.gasto{border-left-color:var(--danger)}.record-info{flex:1}.record-type{text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.8em;font-weight:700}.record-concept{color:var(--text-main);font-size:1em;font-weight:600}.record-amount{font-size:1.2em;font-weight:700}.record-amount.ingreso{color:var(--success)}.record-amount.gasto{color:var(--danger)}.record-actions{gap:4px;display:flex}.edit-btn,.delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 7px;font-size:1em;transition:color .3s}.edit-btn{color:#aaa}.edit-btn:hover{color:var(--primary);background:#667eea1a}.delete-btn{color:#ccc}.delete-btn:hover{color:var(--danger);background:#e74c3c1a}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state i{margin-bottom:15px;font-size:3em;display:block}.summary-message{border-radius:var(--radius);margin-top:20px;padding:20px 25px;font-size:1em;font-weight:600}.message-good{color:#27ae60;background:#d5f5e3}.message-warning{color:#d68910;background:#fef9e7}.message-danger{color:#c0392b;background:#fadbd8}[data-theme=dark] .message-good{background:#2ecc7126}[data-theme=dark] .message-warning{background:#f39c1226}[data-theme=dark] .message-danger{background:#e74c3c26}.tabs-bar{background:#ffffff26;border-radius:14px;flex-wrap:wrap;gap:5px;margin-bottom:24px;padding:6px;display:flex}.tab-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:9px 12px;font-size:.85em;font-weight:600;transition:all .25s;display:flex}.tab-btn:hover{color:#fff;background:#fff3}.tab-btn.active{color:var(--primary);background:#fff;box-shadow:0 4px 15px #00000026}@media (width<=700px){.tab-btn span{display:none}}.charts-section{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:30px;display:grid}.chart-card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:25px}.chart-card h3{color:var(--text-main);align-items:center;gap:10px;margin-bottom:20px;font-size:1.1em;display:flex}.chart-card h3 i{color:var(--primary)}.chart-container{height:250px;position:relative}.modal-overlay{z-index:3000;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-card);border-radius:16px;width:100%;max-width:500px;padding:30px;box-shadow:0 20px 60px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{color:var(--text-main);margin:0;font-size:1.3em}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.4em;line-height:1;transition:color .2s}.modal-close:hover{color:var(--danger)}.ai-fab{z-index:4000;background:linear-gradient(135deg, var(--primary), var(--secondary));cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4em;transition:all .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #667eea80}.ai-fab:hover{transform:scale(1.1);box-shadow:0 12px 40px #667eea99}.ai-panel{z-index:3999;background:var(--bg-card);border-radius:20px;flex-direction:column;width:380px;max-height:560px;animation:.3s slideUp;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ai-panel-header{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;align-items:center;gap:10px;padding:16px 20px;display:flex}.ai-panel-header h3{flex:1;margin:0;font-size:1em}.ai-panel-close{color:#fffc;cursor:pointer;background:0 0;border:none;font-size:1.1em}.ai-panel-close:hover{color:#fff}.ai-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-msg{border-radius:12px;max-width:85%;padding:10px 14px;font-size:.9em;line-height:1.5}.ai-msg.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.assistant{background:var(--bg-record);color:var(--text-main);border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.loading{color:var(--text-muted);font-style:italic}.ai-input-row{border-top:1px solid var(--border-color);align-items:flex-end;gap:8px;padding:12px 16px;display:flex}.ai-input-row textarea{border:2px solid var(--border-color);resize:none;background:var(--bg-input);max-height:100px;color:var(--text-main);border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:.9em;transition:border .2s}.ai-input-row textarea:focus{border-color:var(--primary);outline:none}.ai-send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:10px 14px;font-size:1em;transition:all .2s}.ai-send-btn:hover{background:var(--secondary)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=440px){.ai-panel{width:calc(100vw - 32px);bottom:80px;right:16px}}.currency-select{border:2px solid var(--border-color);cursor:pointer;background:var(--bg-input);color:var(--text-main);border-radius:8px;padding:8px 12px;font-size:.9em;font-weight:600;transition:border .2s}.currency-select:focus{border-color:var(--primary);outline:none}