:root{--color-primary: #488286;--color-primary-hover: #5a9699;--color-primary-dark: #3a6b6f;--color-primary-glow: rgba(72, 130, 134, .35);--bg-base: #2a3234;--bg-secondary: #373e40;--bg-tertiary: #305252;--bg-elevated: #3f4a4d;--bg-overlay: rgba(48, 82, 82, .95);--bg-hover: rgba(72, 130, 134, .15);--bg-card: #373e40;--text-primary: #e8f0f0;--text-secondary: #b7d5d4;--text-tertiary: #77878b;--text-disabled: rgba(232, 240, 240, .4);--accent-slate-grey: #77878b;--accent-dark-slate: #305252;--accent-gunmetal: #373e40;--accent-teal: #488286;--accent-light-blue: #b7d5d4;--color-success: #6fc8b8;--color-error: #c15353;--color-warning: #c9a36a;--color-info: #7aa8b8;--border-color: #4a5557;--border-color-light: #3f4a4d;--border-color-medium: #5a6b6e;--border-radius-sm: 4px;--border-radius: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-glow: 0 4px 20px var(--color-primary-glow);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height: 1.5;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1280px;--touch-target-min: 44px;--input-height: 2.5rem;--input-height-sm: 2rem;--button-height: 2.5rem;--button-height-sm: 2rem;--container-padding: var(--spacing-md);--container-padding-mobile: var(--spacing-sm);--nav-height: 60px;--nav-height-mobile: auto}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-normal);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-base);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin:0}a{font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-hover)}button{border-radius:var(--border-radius);border:1px solid transparent;padding:.6em 1.2em;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all var(--transition);min-height:var(--touch-target-min)}button:hover{background-color:var(--bg-elevated);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--bg-base);font-weight:var(--font-weight-semibold);border:none}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background-color:var(--bg-secondary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--color-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:var(--color-error);opacity:.9;box-shadow:var(--shadow-md)}input,textarea,select{width:100%;padding:.75rem;font-size:1rem;font-family:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:2px solid var(--border-color-light);border-radius:var(--border-radius);transition:border-color var(--transition);min-height:var(--touch-target-min)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-secondary{color:var(--text-secondary)}@media(max-width:768px){:root{font-size:14px}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}button{padding:.7em 1em}.card{padding:var(--spacing-md)}}@media(max-width:480px){:root{font-size:13px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow)}.modo-ingreso-selector{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius)}.modo-ingreso-selector>label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.modo-opciones{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.modo-opcion{display:flex;flex-direction:column;padding:var(--spacing-md);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:var(--bg-base)}.modo-opcion:hover{border-color:var(--color-primary);background:var(--bg-hover)}.modo-opcion.activo{border-color:var(--color-primary);background:var(--bg-hover);box-shadow:0 0 0 3px #3b82f61a}.modo-opcion input[type=radio]{display:none}.modo-opcion span{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.modo-opcion small{color:var(--text-tertiary);font-size:var(--font-size-sm)}.calculo-preview{padding:var(--spacing-md);background:var(--bg-info);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.calculo-preview h4{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:var(--font-size-base)}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.preview-item{display:flex;flex-direction:column}.preview-label{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.preview-valor{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-label span{color:var(--text-primary)}.historial-acciones{display:flex;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border-color)}.historial-acciones .btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.historial-acciones .btn-secondary:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--border-hover)}.historial-acciones .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.modal-prepago{max-width:650px}.prepago-info{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.prepago-info h3{margin:0 0 var(--spacing-md) 0;color:var(--text-primary);font-size:var(--font-size-lg)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.info-item .label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.info-item .valor{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.prepago-form{padding:var(--spacing-lg)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);background:var(--bg-base)}.radio-option:hover{border-color:var(--color-primary);background:var(--bg-hover)}.radio-option.activo{border-color:var(--color-primary);background:var(--bg-hover);box-shadow:0 0 0 3px #3b82f61a}.radio-option input[type=radio]{margin-top:2px;cursor:pointer}.radio-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.radio-titulo{font-weight:600;color:var(--text-primary)}.radio-content small{color:var(--text-tertiary);font-size:var(--font-size-sm)}.prepago-preview{padding:var(--spacing-md);background:var(--bg-info);border-left:4px solid var(--color-primary);border-radius:var(--border-radius);margin-top:var(--spacing-lg)}.prepago-preview h4{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:var(--font-size-base)}.preview-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.preview-col{padding:var(--spacing-md);border-radius:var(--border-radius)}.preview-antes{background:var(--bg-secondary)}.preview-despues{background:var(--bg-success-subtle)}.preview-col h5{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--bg-tertiary)}.preview-item:last-child{border-bottom:none}.preview-label{font-size:var(--font-size-sm);color:var(--text-tertiary)}.preview-valor{font-weight:600;color:var(--text-primary)}.preview-valor.destacado{color:var(--color-success);font-size:var(--font-size-lg)}.preview-arrow{font-size:var(--font-size-xl);color:var(--color-primary);font-weight:700}.preview-impacto{padding:var(--spacing-sm);background:var(--bg-base);border-radius:var(--border-radius);text-align:center}.impacto-positivo{margin:0;color:var(--color-success);font-size:var(--font-size-base)}.impacto-positivo strong{font-weight:700}@media(max-width:768px){.modal-prepago{max-width:95vw}.prepago-form{padding:var(--spacing-md)}.preview-comparison{grid-template-columns:1fr;gap:var(--spacing-sm)}.preview-arrow{display:none}.preview-despues{border:2px solid var(--color-success)}}@media(max-width:480px){.info-grid{grid-template-columns:1fr}.prepago-form,.radio-option,.prepago-preview{padding:var(--spacing-sm)}}.btn-prepago-small{flex:1;background:var(--color-success);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-prepago-small:hover{background:var(--color-success)}.historial-periodos-container{padding:var(--spacing-lg);max-width:800px;margin:0 auto}.historial-header{margin-bottom:var(--spacing-xl)}.historial-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.historial-header .subtitle{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.estadisticas-card{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:#fff}.estadisticas-card h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);opacity:.9}.estadisticas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.estadisticas-grid .stat-item{background:#ffffff1a;border-radius:var(--border-radius);padding:var(--spacing-md)}.estadisticas-grid .stat-label{display:block;font-size:var(--font-size-xs);opacity:.8;margin-bottom:var(--spacing-xs)}.estadisticas-grid .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.estadisticas-grid .stat-value.positive{color:#86efac}.estadisticas-grid .stat-value.negative{color:#fca5a5}.estadisticas-grid .tendencia.mejorando{color:#86efac}.estadisticas-grid .tendencia.empeorando{color:#fca5a5}.periodo-activo-card{background:var(--bg-secondary);border:2px dashed var(--primary-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);position:relative}.activo-badge{position:absolute;top:-10px;right:var(--spacing-md);background:var(--primary-color);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.periodo-activo-card h3{margin:0;color:var(--text-primary)}.periodo-activo-card p{margin:var(--spacing-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.periodos-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.periodo-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-color)}.periodo-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color-light)}.periodo-info h3{margin:0;font-size:var(--font-size-lg);color:var(--text-primary)}.periodo-fechas{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.dias-badge{background:var(--bg-tertiary);padding:2px 8px;border-radius:var(--border-radius);font-size:var(--font-size-xs)}.periodo-ahorro{text-align:right}.periodo-ahorro{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.periodo-ahorro.positive{color:var(--success-color)}.periodo-ahorro.negative{color:var(--danger-color)}.periodo-ahorro small{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--text-secondary)}.periodo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.periodo-stats .stat{text-align:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius)}.periodo-stats .stat-label{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.periodo-stats .stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.periodo-stats .stat-value.positive{color:var(--success-color)}.periodo-stats .stat-value.negative{color:var(--danger-color)}.periodo-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color-light)}.gastos-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.empty-state h3{margin:0 0 var(--spacing-sm);color:var(--text-primary)}.empty-state p{max-width:300px;margin:0 auto}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);color:var(--text-secondary)}@media(max-width:600px){.historial-periodos-container{padding:var(--spacing-md)}.estadisticas-grid{grid-template-columns:1fr}.periodo-header{flex-direction:column;gap:var(--spacing-md)}.periodo-ahorro{text-align:left}.periodo-stats{grid-template-columns:repeat(2,1fr)}}.cerrar-periodo-modal{max-width:500px}.periodo-info{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);color:#fff;text-align:center}.periodo-nombre{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.periodo-fechas{font-size:var(--font-size-sm);opacity:.9}.periodo-resumen{background:var(--bg-tertiary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.periodo-resumen h3{margin:0 0 var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg)}.resumen-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color-light)}.resumen-item:last-child{border-bottom:none}.resumen-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.resumen-value{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.resumen-value.destacado{font-size:var(--font-size-lg);color:var(--primary-color)}.resumen-value.positive{color:var(--success-color)}.resumen-value.negative{color:var(--danger-color)}.ingreso-section{margin-bottom:var(--spacing-lg)}.ingreso-section label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.input-ingreso{width:100%;padding:var(--spacing-md);font-size:var(--font-size-lg);border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);text-align:center;font-weight:var(--font-weight-semibold)}.input-ingreso:focus{outline:none;border-color:var(--primary-color)}.select-categoria{width:100%;padding:var(--spacing-md);font-size:var(--font-size-md);border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-medium)}.select-categoria:focus{outline:none;border-color:var(--primary-color)}.ahorro-preview{margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);text-align:center;font-weight:var(--font-weight-semibold)}.ahorro-preview.positive{background:#10b9811a;color:var(--success-color)}.ahorro-preview.negative{background:#ef44441a;color:var(--danger-color)}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-actions button{flex:1}.nota-info{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.nota-helper{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic}.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.loading-overlay-local{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);z-index:10}.loading-overlay-local .loading-content{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center}@media(max-width:480px){.cerrar-periodo-modal{width:100%;max-width:100%;max-height:100vh;border-radius:0}.periodo-resumen{padding:var(--spacing-md)}.modal-actions{flex-direction:column}}.suscripciones-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.suscripciones-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.suscripciones-header h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.suscripciones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.suscripcion-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);border:2px solid var(--bg-tertiary)}.suscripcion-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:#9b59b6}.suscripcion-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.suscripcion-frecuencia{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px}.frecuencia-icon{font-size:var(--font-size-lg)}.frecuencia-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.estado-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.badge-activa{background:#2ecc7133;color:var(--color-success)}.badge-pausada{background:#f1c40f33;color:var(--color-warning)}.badge-cancelada{background:#95a5a633;color:#7f8c8d}.suscripcion-nombre{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.suscripcion-proveedor{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md) 0}.suscripcion-monto-principal{margin-bottom:var(--spacing-md)}.monto-valor{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:#9b59b6}.alerta-vencimiento{background:#e67e2226;color:#e67e22;padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--spacing-md);border:1px solid rgba(230,126,34,.3)}.suscripcion-detalles{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary)}.suscripcion-acciones{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.btn-warning-small{flex:1;background:var(--color-warning);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-warning-small:hover{background:#e67e22}.btn-success-small{flex:1;background:var(--color-success);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-success-small:hover{background:var(--color-success)}.suscripcion-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary);text-align:center}.suscripcion-footer small{color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:768px){.suscripciones-container{padding:var(--spacing-md)}.suscripciones-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.suscripciones-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.monto-valor{font-size:var(--font-size-2xl)}}@media(max-width:480px){.suscripciones-container{padding:var(--spacing-sm)}.suscripciones-header h2{font-size:var(--font-size-xl)}.suscripciones-grid{grid-template-columns:1fr}.suscripcion-card{padding:var(--spacing-md)}.monto-valor{font-size:var(--font-size-xl)}.suscripcion-nombre{font-size:var(--font-size-lg)}.frecuencia-label{font-size:.7rem}}.deuda-item.coincide{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e;border-width:2px}.deuda-item.coincide:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e40}.deuda-item.coincide.selected{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e;border-width:3px;box-shadow:0 0 0 3px #22c55e33,0 8px 16px #22c55e4d}.deuda-item.coincide .deuda-badge{background:#22c55e;color:#fff;font-weight:700;box-shadow:0 2px 4px #22c55e4d}.historial-pagos-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1002;padding:20px;animation:fadeIn .2s ease}.historial-pagos-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease}.historial-pagos-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--border-color)}.historial-pagos-header h3{margin:0 0 4px;color:var(--text-primary);font-size:1.25rem}.deuda-nombre-subtitle{margin:0;color:var(--text-secondary);font-size:.875rem}.loading-message{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-historial{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-subtitle{color:var(--text-secondary);margin:0}.historial-resumen{display:flex;gap:16px;margin-bottom:24px;padding:16px;background:var(--bg-hover);border-radius:8px}.resumen-item{flex:1;display:flex;flex-direction:column;gap:4px}.resumen-label{font-size:.8125rem;color:var(--text-secondary)}.resumen-valor{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.resumen-valor.destacado{color:var(--primary)}.historial-lista{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.pago-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;transition:all .2s ease}.pago-item:hover{border-color:var(--primary);box-shadow:0 2px 8px #0003}.pago-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pago-tipo{font-size:.875rem;font-weight:500;padding:4px 10px;background:var(--bg-hover);border-radius:12px;color:var(--text-primary)}.pago-fecha{font-size:.8125rem;color:var(--text-secondary)}.pago-monto{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:12px}.pago-saldos{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-hover);border-radius:6px;margin-bottom:8px}.saldo-item{flex:1;display:flex;flex-direction:column;gap:4px}.saldo-label{font-size:.75rem;color:var(--text-secondary)}.saldo-valor{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.saldo-valor.nuevo{color:var(--success)}.saldo-arrow{font-size:1.25rem;color:var(--text-secondary)}.pago-reduccion{text-align:right;font-size:.8125rem;color:var(--success);font-weight:500}.historial-acciones{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color)}@media(max-width:768px){.historial-pagos-modal{max-height:95vh}.historial-resumen{flex-direction:column}.pago-saldos{flex-direction:column;align-items:stretch}.saldo-arrow{text-align:center;transform:rotate(90deg)}}.deudas-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.deudas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.deudas-header h2{font-size:var(--font-size-2xl);color:var(--text-primary);margin:0}.loading{text-align:center;color:var(--text-tertiary);padding:var(--spacing-2xl);font-size:var(--font-size-lg)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--bg-secondary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);border:1px solid var(--bg-tertiary)}.empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.empty-subtitle{color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-base)}.deudas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.deuda-card{background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);border:2px solid var(--bg-tertiary)}.deuda-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.deuda-header-card{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.deuda-tipo{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px}.tipo-icon{font-size:var(--font-size-lg)}.tipo-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.deuda-nombre{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.deuda-monto-principal{margin-bottom:var(--spacing-md)}.monto-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.monto-valor{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-error)}.deuda-progreso{height:8px;background:var(--bg-tertiary);border-radius:var(--border-radius-sm);overflow:hidden;margin-bottom:var(--spacing-sm)}.deuda-progreso-bar{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-success));border-radius:var(--border-radius-sm);transition:width var(--transition-slow)}.deuda-progreso-texto{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.deuda-detalles{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary)}.detalle-item{display:flex;justify-content:space-between;align-items:center}.detalle-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.detalle-valor{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.deuda-acciones{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary);display:flex;gap:var(--spacing-sm)}.btn-editar-small{flex:1;background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-editar-small:hover{background:var(--color-primary-hover)}.btn-danger-small{flex:1;background:var(--color-error);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-danger-small:hover{background:var(--color-error)}.btn-historial-small{flex:1;background:var(--color-info);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition);min-height:var(--touch-target-min)}.btn-historial-small:hover{background:var(--color-info)}.deuda-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bg-tertiary);text-align:center}.deuda-footer small{color:var(--text-tertiary);font-size:var(--font-size-sm)}@media(max-width:768px){.deudas-container{padding:var(--spacing-md)}.deudas-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.deudas-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.monto-valor{font-size:var(--font-size-2xl)}}@media(max-width:480px){.deudas-container{padding:var(--spacing-sm)}.deudas-header h2{font-size:var(--font-size-xl)}.deudas-grid{grid-template-columns:1fr}.deuda-card{padding:var(--spacing-md)}.monto-valor{font-size:var(--font-size-xl)}.deuda-nombre{font-size:var(--font-size-lg)}.tipo-label{font-size:.7rem}}.selector-item-especial{background:linear-gradient(135deg,#809bce1f,#6366f108);border:2px dashed var(--primary)!important;opacity:.9}.selector-item-especial:hover{opacity:1;background:linear-gradient(135deg,#809bce33,#809bce1f);border-color:var(--primary)!important}.selector-item-accion{font-size:1.5rem;font-weight:700;color:var(--primary);line-height:1}.concepto-temporal-form{background:var(--bg-secondary);border:2px solid var(--primary);border-radius:12px;padding:16px;margin-top:8px;margin-bottom:16px;animation:slideDown .3s ease;scroll-margin-top:20px;scroll-margin-bottom:20px}.form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.form-header h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:700}.btn-cerrar-form{background:transparent;border:none;color:var(--text-secondary);font-size:1.75rem;line-height:1;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.btn-cerrar-form:hover{background:var(--bg-hover);color:var(--text-primary)}.form-group-inline{margin-bottom:12px}.form-group-inline label{display:block;margin-bottom:6px;color:var(--text-secondary);font-size:.875rem;font-weight:600}.form-group-inline input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:all .2s ease}.form-group-inline input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #809bce33}.error-message-inline{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:10px 12px;border-radius:8px;font-size:.875rem;margin-bottom:12px;font-weight:600}.form-acciones-inline{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.btn-secundario-pequeño,.btn-primario-pequeño{padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-secundario-pequeño{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-secundario-pequeño:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.btn-primario-pequeño{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primario-pequeño:hover{background:#5558e3;box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}@media(max-width:768px){.selector-deuda-modal{max-height:95vh;padding:20px;border-radius:20px 20px 0 0}.selector-deuda-header h3{font-size:1.25rem}.deuda-item{padding:16px}.deuda-nombre{font-size:1rem}.selector-deuda-acciones{flex-direction:column-reverse}.selector-deuda-acciones button{width:100%}.form-acciones-inline{flex-direction:column}.btn-secundario-pequeño,.btn-primario-pequeño{width:100%}.concepto-temporal-form{padding:14px;margin-bottom:20px}.form-group-inline{margin-bottom:14px}}.gestion-proveedores-container{padding:var(--spacing-lg)}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.config-header h2{margin:0;color:var(--text-primary);font-size:var(--font-size-2xl)}.proveedor-form-card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--border-color)}.proveedor-form-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:var(--font-size-xl)}.form-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.form-group{flex:1;margin-bottom:var(--spacing-lg)}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition)}.form-group input:focus{outline:none;border-color:var(--color-primary)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.proveedores-lista{display:flex;flex-direction:column;gap:var(--spacing-md)}.proveedor-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition)}.proveedor-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow)}.proveedor-item.inactivo{opacity:.6;background:var(--bg-tertiary)}.proveedor-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.proveedor-principal{display:flex;align-items:center;gap:var(--spacing-md)}.proveedor-principal h4{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.proveedor-rut{color:var(--text-secondary);font-size:var(--font-size-sm);font-family:monospace;background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.proveedor-razon{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-left:var(--spacing-xs)}.badge-inactivo{background:var(--color-warning);color:var(--bg-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.proveedor-acciones{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color-light)}.btn-accion{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition);min-height:var(--touch-target-min)}.btn-accion:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--color-primary);transform:translateY(-1px)}.btn-accion:disabled{opacity:.5;cursor:not-allowed}.btn-accion.btn-editar:hover:not(:disabled){background:var(--color-info);border-color:var(--color-info);color:#fff}.btn-accion.btn-eliminar:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:#fff}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-secondary)}.empty-state p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--text-primary)}.empty-state small{color:var(--text-tertiary)}@media(max-width:768px){.gestion-proveedores-container{padding:var(--spacing-md)}.config-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.config-header button{width:100%}.form-row{flex-direction:column}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.proveedor-acciones{flex-direction:column}}@media(max-width:480px){.proveedor-principal{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.auth-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--text-primary) 100%);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--spacing-md)}.auth-container{background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:var(--spacing-2xl);animation:authSlideIn .4s ease-out}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-icon{font-size:64px;margin-bottom:var(--spacing-md);animation:authPulse 2s ease-in-out infinite}.auth-header h1{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-2xl);color:var(--text-primary)}.auth-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-md)}.auth-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{padding:var(--spacing-md);background:#e74c3c1a;border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);text-align:center;animation:shake .5s ease-out}.auth-info{padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-secondary);text-align:center;font-size:var(--font-size-sm)}.btn-auth{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-biometria{background:var(--color-primary);color:#fff}.btn-biometria:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-pin{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--bg-tertiary)}.btn-pin:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--color-primary)}.btn-auth:disabled{opacity:.6;cursor:not-allowed}.auth-divider{text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm);position:relative;margin:var(--spacing-sm) 0}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:var(--bg-tertiary)}.auth-divider:before{left:0}.auth-divider:after{right:0}.btn-auth-link{background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm);transition:color var(--transition);text-decoration:underline}.btn-auth-link:hover{color:var(--text-primary)}.auth-footer{margin-top:var(--spacing-xl);text-align:center;color:var(--text-tertiary);font-size:var(--font-size-sm)}@keyframes authSlideIn{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes authPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media(max-width:768px){.auth-container{padding:var(--spacing-xl)}.auth-icon{font-size:48px}.auth-header h1{font-size:var(--font-size-xl)}}.modal-wide{max-width:700px}.deuda-form{padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--bg-tertiary);border-radius:var(--border-radius);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition);background:var(--bg-base);color:var(--text-primary);min-height:var(--touch-target-min)}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group small{display:block;margin-top:var(--spacing-xs);color:var(--text-tertiary);font-size:var(--font-size-sm)}.form-group textarea{resize:vertical;min-height:80px}@media(max-width:768px){.modal-wide{max-width:95vw}.deuda-form{padding:var(--spacing-md)}.form-row{grid-template-columns:1fr}.form-group select,.form-group textarea{font-size:var(--font-size-base)}}@media(max-width:480px){.deuda-form{padding:var(--spacing-sm)}.form-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-group small{font-size:var(--font-size-xs)}}.educacion-container{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.educacion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap;gap:var(--spacing-md)}.educacion-header h2{font-size:var(--font-size-xxl);color:var(--text-primary);margin:0}.educacion-subtitle{color:var(--text-secondary);font-size:var(--font-size-md);margin-top:var(--spacing-xs)}.educacion-resumen{margin-bottom:var(--spacing-xl)}.resumen-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md)}.resumen-titulo{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.resumen-monto{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-md)}.resumen-progreso{height:12px;background:var(--bg-tertiary);border-radius:6px;overflow:hidden;margin-bottom:var(--spacing-xs)}.resumen-progreso-bar{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease}.resumen-texto{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:right}.estudiantes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--spacing-lg)}.estudiante-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.estudiante-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.estudiante-card.expanded{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.estudiante-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.estudiante-nombre{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.estudiante-icon{font-size:1.5rem}.estudiante-año{font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md)}.estudiante-progreso{margin-bottom:var(--spacing-md)}.progreso-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.progreso-barra-container{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-xs)}.progreso-barra{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);transition:width .3s ease}.progreso-texto{font-size:var(--font-size-sm);color:var(--text-secondary)}.progreso-porcentaje{color:var(--primary-color);font-weight:700}.estudiante-detalles{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.detalle-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.detalle-label{color:var(--text-secondary)}.detalle-valor{color:var(--text-primary);font-weight:500}.estudiante-acciones{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);animation:slideDown .2s ease}.btn-action{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease;text-align:left}.btn-action:hover{background:var(--bg-tertiary);transform:translate(4px)}.btn-detalle:hover{border-color:#3b82f6;color:#3b82f6}.btn-conceptos:hover{border-color:#10b981;color:#10b981}.btn-editar:hover{border-color:#f59e0b;color:#f59e0b}.empty-state{text-align:center;padding:var(--spacing-xxl)}.empty-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.empty-title{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}@media(max-width:768px){.educacion-container{padding:var(--spacing-md)}.educacion-header{flex-direction:column;align-items:stretch}.educacion-header h2{font-size:var(--font-size-xl)}.estudiantes-grid{grid-template-columns:1fr}.resumen-monto{font-size:1.5rem}}.card-educacion-dashboard{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}.card-educacion-dashboard:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.card-educacion-dashboard.expandido{border-color:var(--primary-color);box-shadow:var(--shadow-lg)}.card-educacion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-educacion-titulo{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.card-educacion-mes{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:capitalize}.card-educacion-compacta{display:flex;flex-direction:column;gap:var(--spacing-sm)}.estudiante-resumen{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.estudiante-nombre-icono{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.estudiante-monto{font-weight:500;color:var(--text-primary)}.card-educacion-total{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;margin-top:var(--spacing-xs);border-top:1px solid var(--border-color);font-weight:700}.total-monto{color:var(--primary-color);font-size:var(--font-size-lg)}.card-educacion-pendiente{text-align:right;font-size:var(--font-size-sm);color:#f59e0b;padding:var(--spacing-xs);background:#f59e0b1a;border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs)}.card-educacion-indicador{text-align:center;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color)}.card-educacion-expandida{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.educacion-resumen-mes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.resumen-item{text-align:center;padding:var(--spacing-sm);background:var(--bg-tertiary);border-radius:var(--border-radius-md)}.resumen-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.resumen-valor{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.resumen-valor.pagado{color:#10b981}.resumen-valor.pendiente{color:#f59e0b}.educacion-progreso-mes{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-md)}.educacion-progreso-barra{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .5s ease}.educacion-estudiantes-detalle{display:flex;flex-direction:column;gap:var(--spacing-md)}.estudiante-card-expandido{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.estudiante-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.estudiante-nombre{font-weight:700;color:var(--text-primary)}.btn-ver-detalle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-md)}.btn-ver-detalle:hover{background:var(--primary-color);border-color:var(--primary-color);transform:scale(1.1)}.obligaciones-lista{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.obligacion-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);padding:var(--spacing-xs)}.obligacion-concepto{color:var(--text-secondary)}.obligacion-monto{font-weight:500}.obligacion-monto.pagado{color:#10b981}.obligacion-monto.pendiente{color:#f59e0b}.estudiante-total{display:flex;justify-content:space-between;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--border-color);font-weight:700;font-size:var(--font-size-sm)}@media(max-width:768px){.educacion-resumen-mes{grid-template-columns:1fr}.resumen-valor{font-size:var(--font-size-sm)}}.selector-deuda-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px;animation:fadeIn .2s ease}.selector-deuda-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;max-width:550px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009;animation:slideUp .3s ease}.selector-deuda-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.selector-deuda-header h3{margin:0;color:var(--text-primary);font-size:1.375rem;font-weight:700}.selector-deuda-info{background:linear-gradient(135deg,#809bce26,#809bce14);border:1px solid rgba(128,155,206,.25);padding:14px 18px;border-radius:10px;margin-bottom:20px}.selector-deuda-info label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:600}.selector-deuda-info input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:6px;transition:all .2s ease}.selector-deuda-info input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #809bce33}.selector-deuda-info .monto-formateado{display:block;color:var(--primary);font-size:1rem;font-weight:700;text-align:right}.selector-deuda-lista{display:flex;flex-direction:column;gap:10px;margin-bottom:20px;max-height:500px;overflow-y:auto;padding-right:4px;padding-bottom:20px}.selector-deuda-lista::-webkit-scrollbar{width:6px}.selector-deuda-lista::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.selector-deuda-lista::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}.empty-message{text-align:center;color:var(--text-secondary);padding:60px 20px;font-size:1rem}.deuda-item{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:10px 12px 12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;position:relative;overflow:visible;min-height:fit-content;height:auto}.deuda-item:hover{background:var(--bg-hover);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #809bce33}.deuda-item.selected{background:linear-gradient(135deg,#809bce33,#809bce14);border-color:var(--primary);border-width:3px;box-shadow:0 0 0 3px #809bce40,0 8px 16px #809bce40}.deuda-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.deuda-nombre{font-weight:700;color:var(--text-primary);font-size:1rem;line-height:1.15;flex:1;word-break:break-word}.deuda-badge{font-size:.6875rem;font-weight:600;padding:4px 8px;border-radius:20px;background:var(--primary);color:#fff;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.deuda-item-info{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:6px;padding-bottom:6px;border-bottom:2px solid rgba(128,155,206,.25)}.deuda-tipo{text-transform:capitalize;color:#ffffffb3;font-size:.875rem;font-weight:500}.deuda-cuota{font-weight:800;color:#fff;font-size:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}.deuda-item-detalles{display:grid;grid-template-columns:1fr auto;gap:6px;font-size:.75rem;color:#e0e0e0;margin-bottom:4px;font-weight:600}.deuda-item-detalles span{line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deuda-item-detalles .cuotas-finales{color:#a5b4fc;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.3)}.deuda-item-ultimo-pago{display:flex;align-items:center;gap:5px;margin-top:5px;padding:5px 8px;background:#809bce1f;border-radius:8px;font-size:.75rem;border-left:3px solid var(--primary)}.ultimo-pago-label{color:var(--text-secondary);font-weight:500}.ultimo-pago-monto{font-weight:700;color:var(--primary);font-size:.875rem}.ultimo-pago-fecha{color:var(--text-secondary);margin-left:auto;font-style:italic;font-size:.75rem}.deuda-item-preview{display:flex;align-items:center;gap:5px;margin-top:5px;margin-bottom:8px;padding:5px 8px;background:linear-gradient(135deg,#809bce33,#809bce1f);border-left:3px solid var(--primary);border-radius:8px;font-size:.8125rem}.preview-icon{font-size:1.125rem;flex-shrink:0}.preview-texto{color:var(--text-primary);font-weight:600;line-height:1.1}.selector-deuda-cuotas{background:var(--bg-hover);padding:18px;border-radius:10px;margin-bottom:20px;border:1px solid var(--border-color)}.selector-deuda-cuotas label{display:block;margin-bottom:10px;color:var(--text-primary);font-weight:600;font-size:.9375rem}.selector-deuda-cuotas input{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:10px;transition:border-color .2s ease}.selector-deuda-cuotas input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #809bce26}.selector-deuda-cuotas small{display:block;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.selector-deuda-acciones{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}@media(max-width:768px){.selector-deuda-modal{max-height:95vh;padding:20px;border-radius:20px 20px 0 0}.selector-deuda-header h3{font-size:1.25rem}.deuda-item{padding:16px}.deuda-nombre{font-size:1rem}.selector-deuda-acciones{flex-direction:column-reverse}.selector-deuda-acciones button{width:100%}}.selector-conceptos{display:flex;flex-wrap:wrap;gap:10px}.btn-concepto{flex:1;min-width:140px;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.btn-concepto:hover:not(:disabled){border-color:var(--primary);background:#809bce26;transform:translateY(-2px)}.btn-concepto.seleccionado{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-concepto:disabled{opacity:.4;cursor:not-allowed;border-color:var(--border-color);background:var(--bg-secondary)}.btn-concepto.ya-pagado{background:#22c55e1a;border-color:#22c55e4d;color:#22c55ecc;font-weight:600}.selector-cargando{text-align:center;padding:20px;color:var(--text-secondary);font-size:.9375rem}.selector-seccion{margin-bottom:20px}.selector-seccion h4{margin:0 0 12px;color:var(--text-primary);font-size:1rem;font-weight:600}.selector-lista{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto}.selector-item{padding:14px 16px;border:2px solid var(--border-color);border-radius:10px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease}.selector-item:hover{border-color:var(--primary);background:#809bce14;transform:translate(4px)}.selector-item.seleccionado{border-color:var(--primary);background:#809bce26;box-shadow:0 2px 8px #809bce40}.selector-item-info{display:flex;flex-direction:column;gap:6px}.selector-item-nombre{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.selector-item-detalles{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.selector-label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.9375rem;font-weight:600}.selector-input{width:100%;padding:10px 12px;border:2px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:1.125rem;font-weight:600;transition:all .2s ease}.selector-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #809bce33}.selector-empty{text-align:center;padding:40px 20px;color:var(--text-secondary)}.selector-empty p:first-child{font-size:1.125rem;font-weight:600;margin-bottom:8px}.selector-hint{font-size:.9375rem;opacity:.8}.modal-overlay{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.loading-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);animation:fadeIn .2s ease-in}.loading-content{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);text-align:center;max-width:90%;width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading-spinner{width:60px;height:60px;margin:0 auto var(--spacing-lg);border:4px solid var(--border-color-light);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-title{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.loading-message{font-size:var(--font-size-md);color:var(--text-secondary);margin:0;line-height:1.5}.loading-steps{margin-top:var(--spacing-md);text-align:left}.loading-step{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.loading-step.active{color:var(--primary-color);font-weight:500}.loading-step-icon{font-size:1.2rem}.modal-content{position:relative;background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color-light);box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color-light);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.modal-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.btn-close{background:none;border:none;font-size:2rem;color:var(--text-tertiary);cursor:pointer;padding:0;width:var(--touch-target-min);height:var(--touch-target-min);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:background var(--transition)}.btn-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}form{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-sm)}.categoria-btn{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-sm);border:2px solid;border-radius:var(--border-radius);background:transparent;cursor:pointer;transition:all var(--transition);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-height:var(--touch-target-min)}.categoria-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.categoria-btn .icono{font-size:1.5rem}.categoria-btn.active{transform:scale(1.05);box-shadow:var(--shadow-glow)}.badge-sin-presupuesto{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#3498db1a;border:1px solid var(--color-info);border-radius:var(--border-radius);animation:fadeIn .3s ease}.badge-icono{font-size:var(--font-size-lg);flex-shrink:0}.badge-texto{font-size:var(--font-size-sm);color:var(--color-info);line-height:1.4}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.subcategorias-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.subcategoria-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.subcategoria-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.subcategoria-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-primary)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);justify-content:flex-end}@media(max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-content{max-width:100%}.modal-header,form{padding:var(--spacing-md)}.categorias-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.modal-overlay{padding:var(--spacing-xs);overflow-y:auto}.modal-content{max-height:calc(100vh - 16px);border-radius:var(--border-radius);-webkit-overflow-scrolling:touch}.modal-header{padding:var(--spacing-sm) var(--spacing-md)}.modal-header h2{font-size:var(--font-size-lg)}form{padding:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.categorias-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.categoria-btn{padding:var(--spacing-sm);font-size:.75rem}.categoria-btn .icono{font-size:1.75rem}.form-actions{flex-direction:column-reverse;gap:var(--spacing-sm)}.form-actions button{width:100%}}.tipo-documento-selector{display:flex;gap:var(--spacing-sm)}.tipo-doc-btn{flex:1;padding:var(--spacing-md);border:2px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.tipo-doc-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary)}.tipo-doc-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tipo-proyecto-selector{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tipo-proyecto-btn{flex:1;min-width:calc(50% - var(--spacing-xs));padding:var(--spacing-sm) var(--spacing-xs);border:2px solid var(--border-color);background:transparent;color:var(--text-primary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition)}.tipo-proyecto-btn:hover{background:var(--bg-tertiary);border-color:var(--color-info)}.tipo-proyecto-btn.active{background:var(--color-info);border-color:var(--color-info);color:#fff}.form-group select{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;transition:border-color var(--transition)}.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group select option{background:var(--bg-tertiary);color:var(--text-primary)}.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);resize:vertical;transition:border-color var(--transition)}.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group input[type=file]{width:100%;padding:var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer}.form-group input[type=file]::-webkit-file-upload-button{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-weight:var(--font-weight-semibold);margin-right:var(--spacing-sm)}.form-group input[type=file]::-webkit-file-upload-button:hover{background:var(--color-primary-hover)}.file-selected{display:block;margin-top:var(--spacing-xs);color:var(--color-success);font-weight:var(--font-weight-semibold)}@media(max-width:480px){.tipo-documento-selector{flex-direction:column}.tipo-doc-btn{padding:var(--spacing-sm)}.tipo-proyecto-selector{flex-direction:column}.tipo-proyecto-btn{min-width:100%}}.btn-analizar-documento{padding:var(--spacing-md);border:2px solid var(--color-primary);background:transparent;color:var(--color-primary);border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition)}.btn-analizar-documento:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.btn-analizar-documento:disabled{opacity:.6;cursor:not-allowed;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.badge-confianza{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);animation:fadeIn .3s ease;font-size:var(--font-size-sm);line-height:1.4}.badge-confianza.alto{background:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.badge-confianza.medio{background:#f1c40f26;border:1px solid var(--color-warning);color:var(--color-warning)}.badge-confianza.bajo{background:#e74c3c26;border:1px solid var(--color-danger);color:var(--color-danger)}.badge-confianza .badge-icono{font-size:var(--font-size-lg);flex-shrink:0}.preview-analisis-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 5);animation:fadeIn .2s ease-in}.preview-analisis-content{background:var(--bg-secondary);border-radius:var(--border-radius-lg);width:90%;max-width:600px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color-light);animation:slideUp .3s ease-out;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color-light);background:var(--bg-secondary)}.preview-header h3{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.preview-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.preview-confianza{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base)}.preview-confianza.alto{background:#2ecc7126;border:2px solid var(--color-success);color:var(--color-success)}.preview-confianza.medio{background:#f1c40f26;border:2px solid var(--color-warning);color:var(--color-warning)}.preview-confianza.bajo{background:#e74c3c26;border:2px solid var(--color-danger);color:var(--color-danger)}.preview-icono{font-size:2rem;flex-shrink:0}.preview-confianza-detalle{font-size:var(--font-size-sm);opacity:.9;margin-top:var(--spacing-xs)}.preview-datos{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.preview-dato{display:flex;flex-direction:column;gap:var(--spacing-xs);overflow:hidden}.preview-dato.full-width{grid-column:1 / -1}.preview-dato.destacado{grid-column:1 / -1;background:#3498db1a;padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--color-info);overflow:hidden;text-overflow:clip}.foto-section-top{background:#3498db0d;border:2px dashed var(--color-info);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.foto-section-top label{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-info);display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.analyzing-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-in;border-radius:var(--border-radius-lg)}.analyzing-content{text-align:center;color:#fff;padding:var(--spacing-xl);max-width:400px}.analyzing-content h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:#fff}.analyzing-content p{font-size:var(--font-size-base);color:#fffc;margin-bottom:var(--spacing-lg)}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.2);border-top-color:var(--color-info);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preview-dato label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-valor{font-size:var(--font-size-base);color:var(--text-primary);font-weight:var(--font-weight-medium);white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important;overflow:hidden;text-overflow:ellipsis}.preview-dato.destacado .preview-valor{font-size:var(--font-size-lg);color:var(--color-info);display:inline-block!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;word-wrap:normal!important;hyphens:none!important;-webkit-hyphens:none!important;-ms-hyphens:none!important;line-break:strict!important}.preview-advertencia{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:#f1c40f26;border:1px solid var(--color-warning);border-radius:var(--border-radius);color:var(--color-warning);font-size:var(--font-size-sm);text-align:center}.preview-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--border-color-light);justify-content:flex-end;background:var(--bg-secondary)}@media(max-width:480px){.preview-analisis-content{width:95%;max-height:90vh}.preview-datos{grid-template-columns:1fr}.preview-actions{flex-direction:column-reverse}.preview-actions button{width:100%}}.btn-flotante{touch-action:none;-webkit-user-select:none;user-select:none}.btn-flotante--dragged{transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.workspace-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px #95b8d14d}.logout-btn:hover{background:#eac4d533;transform:scale(1.1)}.btn-flotante{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:var(--color-primary);color:var(--bg-base);font-size:2rem;font-weight:var(--font-weight-bold);border:none;box-shadow:var(--shadow-glow);cursor:pointer;z-index:1000;transition:all var(--transition);display:flex;align-items:center;justify-content:center;line-height:1}.btn-flotante:hover{transform:scale(1.1);box-shadow:0 8px 24px var(--color-primary-glow)}.btn-flotante:active{transform:scale(.95)}@media(max-width:768px){.btn-flotante{bottom:calc(80px + 1rem);right:1.5rem;width:56px;height:56px;font-size:1.8rem}}.app{min-height:100vh;display:flex;flex-direction:column}.app-nav{background:var(--bg-secondary);box-shadow:var(--shadow);padding:var(--spacing-md) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky)}.app-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary)}.app-menu{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.nav-btn{background:transparent;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);transition:all var(--transition);min-height:var(--touch-target-min);white-space:nowrap}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-btn.active{background:var(--color-primary);color:var(--bg-base);box-shadow:var(--shadow-glow)}.nav-icon{font-size:1.25rem}.workspace-selector{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--bg-tertiary);border-radius:var(--border-radius)}.workspace-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:2px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap}.workspace-btn:hover:not(.active){background:var(--bg-secondary);color:var(--text-primary)}.workspace-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 10px #3498db4d}.workspace-icon{font-size:1.2rem}.workspace-label{font-size:var(--font-size-sm)}.app-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-radius:var(--border-radius)}.user-email{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.logout-btn{background:transparent;border:none;font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:all var(--transition);display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#e74c3c1a;transform:scale(1.1)}.app-main{flex:1;overflow-x:hidden}.app-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--text-primary) 100%)}.loading-spinner{font-size:64px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.app-nav{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md)}.app-logo{width:100%;justify-content:center}.logo-text{font-size:var(--font-size-lg)}.app-menu{width:100%;justify-content:center;gap:var(--spacing-xs)}.nav-btn{flex:1 1 auto;justify-content:center;padding:.6rem .8rem;font-size:var(--font-size-sm)}.nav-icon{font-size:1.1rem}.workspace-selector{width:100%;justify-content:center}.workspace-label{display:none}.workspace-icon{font-size:1.5rem}.app-user{width:100%;justify-content:center}.user-email{font-size:.7rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:480px){.app-nav{padding:var(--spacing-sm)}.logo-icon{font-size:1.5rem}.logo-text{font-size:var(--font-size-base)}.app-menu{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:var(--spacing-xs)}.nav-btn{flex-direction:column;gap:.25rem;padding:var(--spacing-sm);font-size:.7rem;min-height:auto}.nav-icon{font-size:1.5rem}.nav-btn:nth-child(5){grid-column:2}}.app-footer{padding:var(--spacing-md);text-align:center;background:var(--bg-secondary);border-top:1px solid var(--border-color-light);margin-top:auto}.app-footer small{color:var(--text-tertiary);font-size:.75rem}