@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #151515;--bg-hover: #1e1e1e;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent-green: #10b981;--accent-green-dim: #059669;--accent-blue: #3b82f6;--accent-blue-dim: #2563eb;--accent-yellow: #f59e0b;--accent-yellow-dim: #d97706;--accent-red: #ef4444;--accent-red-dim: #dc2626;--accent-purple: #8b5cf6;--accent-purple-dim: #7c3aed;--accent-orange: #f97316;--border-color: #2a2a2a;--border-focus: #3b82f6;--border: #2a2a2a;--accent: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--transition: all .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,#1a1a2e 100%)}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:3rem;width:100%;max-width:400px;text-align:center}.login-card h1{font-size:2rem;margin-bottom:.5rem}.login-card p{color:var(--text-secondary);margin-bottom:2rem}.login-card form{text-align:left}.error-message{background:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:.75rem;border-radius:8px;margin-bottom:1rem;text-align:center}.btn-full{width:100%}.toasts{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:1rem 1.5rem;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);animation:slideIn .3s ease}.toast-success{border-color:var(--success)}.toast-error{border-color:var(--danger)}.toast-warning{border-color:var(--warning)}#root{min-height:100vh}.dashboard{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-left h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.header-right{display:flex;gap:1rem;align-items:center}.header-stat{background:var(--bg-card);padding:.5rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.header-stat span{color:var(--text-secondary);font-size:.75rem}.header-stat strong{display:block;font-size:1.125rem;color:var(--accent-green)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-weight:500;font-size:.875rem;cursor:pointer;transition:var(--transition);border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-green-dim) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:var(--accent-red-dim)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.main-content{flex:1;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.filters-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.375rem;min-width:150px}.filter-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}input,select,textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-family:inherit;font-size:.875rem;transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f61a}input::placeholder{color:var(--text-muted)}select{cursor:pointer}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color, var(--accent-blue))}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--text-muted)}.kpi-header{display:flex;justify-content:space-between;align-items:flex-start}.kpi-title{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.kpi-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.kpi-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-sub{font-size:.75rem;color:var(--text-secondary)}.kpi-card.alert .kpi-value{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.section-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.section-header h2{font-size:1rem;font-weight:600}.section-content{padding:1.25rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.chart-title{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-secondary);font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{font-size:.875rem}tr:hover td{background:var(--bg-hover)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-green{background:#10b98126;color:var(--accent-green)}.badge-yellow{background:#f59e0b26;color:var(--accent-yellow)}.badge-red{background:#ef444426;color:var(--accent-red)}.badge-blue{background:#3b82f626;color:var(--accent-blue)}.badge-gray{background:#a0a0a026;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-lg{max-width:900px}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.125rem;font-weight:600}.modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem;transition:var(--transition)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.form-group label span{color:var(--accent-red)}.preview-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;margin-top:1rem}.preview-card h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem;color:var(--accent-green)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.preview-item{display:flex;flex-direction:column}.preview-item span{font-size:.7rem;color:var(--text-muted);text-transform:uppercase}.preview-item strong{font-size:.9rem;color:var(--text-primary)}.cuotas-table{margin-top:1.5rem}.cuotas-table h4{font-size:.875rem;font-weight:600;margin-bottom:.75rem}.radio-group{display:flex;gap:1rem}.radio-option{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-option input{width:auto}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.tab{padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.875rem;transition:var(--transition);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-top:1px solid var(--border-color)}.pagination-info{font-size:.875rem;color:var(--text-secondary)}.pagination-buttons{display:flex;gap:.5rem}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-green) 0%,var(--accent-blue) 100%);border-radius:4px;transition:width .3s ease}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem}.toast{padding:.875rem 1.25rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease}.toast-success{background:var(--accent-green)}.toast-error{background:var(--accent-red)}.toast-warning{background:var(--accent-yellow);color:#1a1a1a}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;padding:3rem}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.header{padding:1rem}.header-left h1{font-size:1.25rem}.main-content{padding:1rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.charts-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filter-group{width:100%}}.money{font-variant-numeric:tabular-nums}.money-positive{color:var(--accent-green)}.money-negative{color:var(--accent-red)}.actions{display:flex;gap:.5rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}.confirm-dialog{text-align:center}.confirm-dialog p{margin-bottom:1.5rem;color:var(--text-secondary)}.confirm-buttons{display:flex;justify-content:center;gap:1rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:.9rem;color:var(--text-primary)}.date-input-cell{display:flex;gap:.5rem;align-items:center}.date-input-cell input{width:140px;padding:.25rem .5rem;font-size:.8rem}@media (max-width: 768px){header{padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.logo{font-size:1rem}.header-right{flex-wrap:wrap;gap:.5rem;justify-content:center}.header-right .btn{padding:.4rem .75rem;font-size:.7rem}.tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem;gap:.25rem}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;white-space:nowrap;padding:.5rem .75rem;font-size:.7rem;min-width:fit-content}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.kpi-card{padding:.75rem}.kpi-title{font-size:.65rem}.kpi-value{font-size:1rem}.kpi-sub{font-size:.6rem}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}table{font-size:.7rem;min-width:600px}th,td{padding:.5rem .4rem}@media (max-width: 480px){.hide-mobile{display:none}.kpi-grid{grid-template-columns:1fr 1fr}table{min-width:400px}}.modal{margin:.5rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem)}.modal-body{padding:1rem;max-height:60vh;overflow-y:auto}.form-grid{grid-template-columns:1fr;gap:.75rem}.section{padding:.5rem}.charts-grid{grid-template-columns:1fr;gap:.75rem}.chart-container{min-height:250px;padding:.75rem}main{padding:.5rem}.btn{padding:.5rem .75rem;font-size:.75rem}.btn-sm{padding:.25rem .5rem;font-size:.65rem}.badge{font-size:.6rem;padding:.2rem .4rem}.empty-state{padding:1.5rem;font-size:.85rem}}@media (max-width: 360px){.kpi-grid{grid-template-columns:1fr}.tabs{gap:.15rem}.tab{padding:.4rem .5rem;font-size:.65rem}}