@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.module-page{display:grid;gap:5px;padding:16px;width:100%;box-sizing:border-box}.module-header{background:var(--gradient-primary);color:#fff;padding:8px;border-radius:16px;text-align:center;box-shadow:0 10px 25px -5px #667eea66}.module-header-title{font-size:32px;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.module-header-subtitle{font-size:16px;opacity:.9;margin:0;font-weight:500}.module-tabs-container{display:flex;gap:8px;background:var(--card-bg);border-radius:16px;padding:8px;border:2px solid var(--card-border);box-shadow:var(--card-shadow);margin-bottom:4px}.module-tab{flex:1;padding:12px 24px;background:transparent;color:var(--text);border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:none}.module-tab:hover{background:var(--surface)}.module-tab-active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.module-tab-active:hover{background:var(--gradient-primary)}.module-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between;padding:16px;background:var(--card-bg);border-radius:16px;border:2px solid var(--card-border);box-shadow:var(--card-shadow)}.module-controls-buttons{display:flex;gap:8px;flex-wrap:wrap}.module-controls-left{display:flex;gap:16px;align-items:center;flex-wrap:wrap;flex:1}.module-search-container{position:relative;min-width:300px;flex:1}.module-search-input{width:100%;padding:12px 16px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font-size:14px;transition:all .3s ease}.module-search-input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.module-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:2px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;max-height:200px;overflow:auto;animation:slideDown .2s ease-out}.module-suggestions-header{padding:8px 12px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.module-suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);font-size:14px;transition:background .2s ease}.module-suggestion-item:hover{background:var(--hover-bg)}.module-suggestions-history-header{padding:8px 12px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.module-suggestions-history-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--border);font-size:14px;transition:background .2s ease}.module-suggestions-history-item:hover{background:var(--hover-bg)}.module-suggestion-item:last-child{border-bottom:none}.module-suggestions-section{padding:8px 0}.module-suggestions-section-with-border{padding:8px 0;border-top:1px solid var(--border)}.module-suggestions-title{padding:8px 16px;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.module-suggestion-btn{width:100%;padding:12px 16px;border:none;background:transparent;color:var(--text);text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.module-suggestion-btn:hover{background:var(--hover-bg)}.module-suggestion-btn-history{width:100%;padding:12px 16px;border:none;background:transparent;color:var(--muted);text-align:left;cursor:pointer;font-size:14px;transition:background-color .2s ease}.module-suggestion-btn-history:hover{background:var(--hover-bg)}.module-select{padding:10px 14px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .3s ease}.module-select:hover{border-color:var(--primary)}.module-select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.module-filter-select{padding:12px 16px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .3s ease}.module-filter-select:hover{border-color:var(--primary)}.module-filter-select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.module-filter-select-estado{padding:12px 16px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .3s ease}.module-btn-advanced-filters{padding:12px 16px;border-radius:10px;border:2px solid var(--primary);background:transparent;color:var(--primary);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:none}.module-btn-advanced-filters.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.module-btn-advanced-filters:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.module-btn-clear-filters{padding:12px 20px;border-radius:10px;border:2px solid var(--muted);background:var(--gradient-primary);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:var(--shadow-md)}.module-btn-clear-filters:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.module-no-admin-message{padding:12px 24px;background:var(--muted);color:#fff;border-radius:10px;font-size:14px;font-weight:500;opacity:.7}.module-btn-primary{padding:12px 24px;background:var(--gradient-success);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #10b9814d}.module-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #10b98166}.module-btn-clear-all{padding:12px 20px;background:var(--bg);color:var(--text);border:2px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.module-btn-clear-all:hover{transform:translateY(-2px);background:var(--surface);box-shadow:var(--shadow-md)}.module-btn-filter{padding:12px 20px;background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.module-btn-filter:hover{background:var(--surface);transform:translateY(-2px);box-shadow:var(--shadow-md)}.module-btn-filter.active{background:var(--primary);color:#fff}.module-btn-secondary{padding:12px 20px;background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.module-btn-secondary:hover{background:var(--hover-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}.module-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.module-stat-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;padding:20px;text-align:center;box-shadow:var(--card-shadow);transition:all .3s ease}.module-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.module-stat-value{font-size:28px;font-weight:700;color:var(--primary);margin-bottom:8px}.module-stat-label{font-size:14px;color:var(--muted);font-weight:500}.module-stat-value.success{color:var(--success)}.module-stat-value.warning{color:var(--warning)}.module-stat-value.danger{color:var(--danger)}.module-stat-value.info{color:var(--info)}.module-table-container{background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow)}.module-table-wrapper{width:100%;overflow-x:auto}.module-table{width:100%;border-collapse:collapse}.module-table tr{border-bottom:1px solid var(--border);transition:all .2s ease}.module-table thead{background:var(--table-header-bg)}.module-table thead tr{background:var(--table-header-bg);border-bottom:1px solid var(--border)}.module-table th{padding:2px 16px;text-align:left;font-weight:700;font-size:14px;color:var(--text);border-right:1px solid var(--border);cursor:pointer;transition:background .2s ease}.module-table th:last-child{border-right:none;cursor:default}.module-table-sort-indicator{margin-left:6px;font-size:12px;opacity:.8}.module-table td{padding:10px 16px;font-size:14px;border-right:1px solid var(--border);color:var(--text);font-weight:600}.module-table td:last-child{border-right:none}.module-table tbody tr:nth-child(2n){background:var(--table-row-alt)}.module-table tbody tr:nth-child(odd){background:var(--card-bg)}.module-table tbody tr{transition:background .2s ease}.module-table tbody tr:hover{background:var(--table-hover)}.module-table-th-id{text-align:left;min-width:50px;width:50px}.module-table-th-dias{text-align:center;min-width:150px}.module-table-th-horarios{text-align:center;min-width:200px;white-space:nowrap}.module-table-th-plan{text-align:center;min-width:120px}.module-table-th-estado{text-align:center;min-width:100px}.module-table-th-acciones{text-align:center;min-width:120px;cursor:default!important}.module-table-td-dias{text-align:center;min-width:150px}.module-table-td-dias-container{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;align-items:center}.module-table-badge-dia{padding:4px 8px;background:var(--gradient-info);color:#fff;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;min-width:32px;text-align:center;display:inline-block}.module-table-td-horarios{text-align:center;width:auto;white-space:nowrap}.module-table-td-horarios-container{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;align-items:center}.module-table-badge-hora{padding:3px 5px;background:var(--gradient-warning);color:#fff;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap;min-width:35px;text-align:center;display:inline-block}.module-table-badge-empty{padding:6px 12px;background:var(--surface);color:var(--muted);border-radius:8px;font-size:12px;font-weight:600}.module-table-td-plan{text-align:center;min-width:120px}.module-table-badge-plan-full{padding:6px 12px;background:var(--gradient-primary);color:#fff;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.module-table-badge-no-plan{padding:6px 12px;background:var(--surface);color:var(--muted);border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.module-table-td-estado{text-align:center;min-width:120px}.module-table-badge-estado{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block;color:#fff}.module-table-badge-estado-activo{background:var(--gradient-success)}.module-table-badge-estado-inactivo{background:var(--gradient-warning)}.module-table-td-acciones{text-align:center;min-width:120px}.module-table-td-acciones-container{display:flex;gap:4px;justify-content:center;flex-wrap:nowrap}.module-action-btn-availability{padding:8px;background:var(--gradient-success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.module-action-btn-availability:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.module-action-btn-delete{padding:8px;background:var(--gradient-danger);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.module-action-btn-delete:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.module-user-name-clickable{color:var(--success);font-weight:600;cursor:pointer;transition:all .2s ease}.module-user-name-clickable:hover{color:var(--primary);text-decoration:underline}.module-credits-container{display:flex;flex-direction:column;gap:4px}.module-credits-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;box-shadow:0 2px 6px #10b9814d}.module-credits-info{font-size:10px;color:var(--muted)}.module-date-container{display:flex;flex-direction:column;gap:4px}.module-date-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b9814d}.module-date-badge-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d}.module-date-badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 6px #f59e0b4d}.module-date-badge-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 6px #ef44444d}.module-date-remaining{display:block;font-size:10px;font-weight:600;margin-top:4px}.module-date-remaining-danger{color:var(--danger)}.module-date-remaining-warning{color:var(--warning)}.module-action-buttons-group{display:flex;gap:8px;align-items:center;justify-content:center}.module-action-btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;white-space:nowrap}.module-action-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.module-action-btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.module-action-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.module-action-btn-info:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.module-badge{padding:4px 10px;background:var(--gradient-primary);color:#fff;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap;display:inline-block}.module-badge-group{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center}.module-badge-active{background:var(--success-light);color:var(--success-dark)}.module-badge-inactive{background:var(--danger-light);color:var(--danger-dark)}.module-badge-credits{background:var(--primary-light);color:var(--primary-dark)}.module-badge-plan{padding:6px 10px;background:var(--gradient-primary);color:#fff;border-radius:8px;font-size:12px;font-weight:600}.module-badge-no-plan{padding:6px 10px;background:var(--surface);color:var(--muted);border-radius:8px;font-size:12px;font-weight:600}.module-badge-day{padding:4px 8px;background:var(--gradient-info);color:#fff;border-radius:6px;font-size:11px;font-weight:600;display:inline-block;margin-right:4px;margin-bottom:4px}.module-badge-hour{padding:3px 5px;background:var(--gradient-warning);color:#fff;border-radius:4px;font-size:10px;font-weight:600;display:inline-block;margin-right:4px;margin-bottom:4px}.module-badge-no-data{padding:4px 8px;background:var(--surface);color:var(--muted);border-radius:6px;font-size:11px;font-weight:600}.module-badge-vencido{padding:4px 8px;background:var(--gradient-danger);color:#fff;border-radius:6px;font-size:11px;font-weight:600}.module-badge-proximo{padding:4px 8px;background:var(--gradient-warning);color:#fff;border-radius:6px;font-size:11px;font-weight:600}.module-badge-ok{padding:4px 8px;background:var(--gradient-success);color:#fff;border-radius:6px;font-size:11px;font-weight:600}.module-table-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.module-table-th-sortable:hover{background:var(--surface)}.module-table-td-center{text-align:center}.module-table-td-bold{font-weight:600}.module-table-row-even{background:var(--card-bg)}.module-table-row-odd{background:var(--table-row-alt)}.module-table-row-even:hover,.module-table-row-odd:hover{background:var(--table-hover)}.module-table-link{color:var(--primary);text-decoration:none;transition:text-decoration .2s ease}.module-table-link:hover{text-decoration:underline}.module-cell-days,.module-cell-hours{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.module-cell-actions{display:flex;gap:8px;align-items:center}.module-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px;background:var(--card-bg);border-radius:16px;border:2px solid var(--card-border);box-shadow:var(--card-shadow);margin-top:20px}.module-pagination-info{font-size:14px;color:var(--text);font-weight:500}.module-pagination-controls{display:flex;gap:10px;align-items:center}.module-pagination-button{padding:10px 18px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.module-pagination-button:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.module-pagination-button:disabled{opacity:.6;cursor:not-allowed}.module-pagination-select-group{margin-left:auto;display:flex;align-items:center;gap:12px}.module-pagination-label{font-weight:600;color:var(--text);font-size:14px}.module-pagination-select{padding:8px 16px;border:2px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--input-bg);cursor:pointer;font-weight:600;color:var(--text);transition:all .3s ease}.module-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.module-loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.module-loading-text{font-size:16px;color:var(--muted);font-weight:500}.module-loading-simple{text-align:center;padding:60px;color:var(--muted);font-size:18px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow)}.base-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.base-modal-content{background:var(--bg);color:var(--text);border-radius:16px;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #00000026;border:1px solid var(--border);animation:slideUp .3s ease-out}.base-modal-header{padding:24px;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.base-modal-title{margin:0;font-size:24px;font-weight:700;color:var(--text)}.base-modal-close{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.base-modal-close:hover{background:var(--hover-bg);transform:scale(1.1)}.base-modal-body{flex:1;overflow:auto;padding:24px}.base-modal-footer{padding:24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;flex-shrink:0}@media (max-height: 600px){.base-modal-content{max-height:95vh}}@media (max-width: 768px){.base-modal-content{max-width:95vw;margin:10px}}.confirm-dialog-message{color:var(--text);margin-bottom:20px;line-height:1.5;font-size:14px}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.confirm-dialog-btn-cancel{border:2px solid var(--border);background:var(--surface);color:var(--text);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.confirm-dialog-btn-cancel:hover{background:var(--muted);border-color:var(--muted)}.confirm-dialog-btn-confirm{background:var(--danger);border:2px solid var(--danger);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.confirm-dialog-btn-confirm:hover{background:var(--danger-dark, #dc2626);border-color:var(--danger-dark, #dc2626);transform:translateY(-1px)}.cobro-modal-step-indicator{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:32px;padding:0 16px}.cobro-modal-step-item{display:flex;align-items:center}.cobro-modal-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.cobro-modal-step-circle.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f666}.cobro-modal-step-circle.completed{background:var(--success);color:#fff}.cobro-modal-step-circle.pending{background:var(--surface);color:var(--muted);border:2px solid var(--border)}.cobro-modal-step-label{font-size:11px}.cobro-modal-step-connector{flex:1;height:2px;background:var(--border);margin:0 8px}.cobro-modal-step-connector.completed{background:var(--success)}.cobro-modal-steps-compact{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.cobro-modal-steps-compact-inner{display:flex;align-items:center;gap:6px}.cobro-modal-step-compact{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--muted);font-weight:400;transition:all .3s ease;cursor:pointer;position:relative;font-size:11px}.cobro-modal-step-compact.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;font-weight:600}.cobro-modal-step-number{position:absolute;top:-3px;left:-3px;background:var(--muted);color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:700}.cobro-modal-step-number.active{background:var(--primary)}.cobro-modal-step-connector-short{width:6px;height:1px;background:var(--border);margin:0 4px;transition:all .3s ease}.cobro-modal-step-connector-short.active{background:var(--primary)}.cobro-modal-content{animation:slideIn .3s ease-out}.cobro-modal-section{margin-bottom:24px}.cobro-modal-grid{display:grid;gap:16px}.cobro-modal-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.module-advanced-filters{background:var(--surface);border-radius:12px;border:2px solid var(--border);padding:20px;margin-top:16px;box-shadow:var(--shadow-sm)}.module-advanced-filters-title{margin:0 0 16px;color:var(--text);font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.module-advanced-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.module-filter-group{display:flex;flex-direction:column}.module-filter-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text);font-size:14px}.module-active-filters-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border)}.module-active-filters-label{font-size:12px;font-weight:600;color:var(--muted)}.module-active-filters-count{font-size:14px;font-weight:700;color:var(--primary)}.module-error-message{background:var(--danger-light);color:var(--danger);border:2px solid var(--danger);padding:16px 20px;border-radius:12px;font-size:14px;text-align:center}.module-no-results{text-align:center;padding:60px;color:var(--muted);font-size:18px;background:var(--card-bg);border:2px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow)}.module-no-results-title{margin-bottom:16px;font-size:20px}.module-no-results-subtitle{font-size:14px;color:var(--text);margin-bottom:16px}.module-no-results-btn{padding:10px 20px;background:var(--gradient-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.module-no-results-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.module-form-container{display:grid;gap:16px;max-height:70vh;overflow:auto;padding:4px}.module-form-section{padding:16px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.module-form-section-title{margin:0 0 16px;color:var(--text);font-size:16px;font-weight:600}.module-form-section-description{font-size:13px;color:var(--text-secondary, var(--muted));margin:0 0 16px}.module-form-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.module-form-grid-mt{display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:12px}.module-form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--text);font-size:14px}.module-form-input{width:100%;padding:10px 12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:14px;transition:border-color .3s ease}.module-form-input:focus{outline:none;border-color:var(--primary)}.module-form-input-monospace{font-family:monospace}.module-form-textarea{width:100%;padding:10px 12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:14px;transition:border-color .3s ease;min-height:100px;resize:vertical}.module-form-textarea:focus{outline:none;border-color:var(--primary)}.module-form-select{width:100%;padding:10px 12px;border:2px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:14px;transition:border-color .3s ease;cursor:pointer}.module-form-select:focus{outline:none;border-color:var(--primary)}.module-form-checking-indicator{margin-top:8px;padding:8px;background:var(--info-bg, #d1ecf1);border:1px solid var(--info-border, #bee5eb);border-radius:6px;font-size:12px;color:var(--info-text, #0c5460);display:flex;align-items:center;gap:8px}.module-form-checking-spinner{width:16px;height:16px;border:2px solid var(--info-text);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.module-form-deleted-user-warning{margin-top:8px;padding:12px;background:var(--warning-bg, #fff3cd);border:1px solid var(--warning-border, #ffc107);border-radius:6px;font-size:12px;color:var(--warning-text, #856404)}.module-form-deleted-user-title{font-weight:600;margin-bottom:8px;color:#dc3545;font-size:13px}.module-form-deleted-user-info{display:grid;gap:4px;font-size:12px;line-height:1.6}.module-form-deleted-user-date{color:#dc3545;font-weight:600;margin-top:4px}.module-form-deleted-user-payments{margin-top:4px;padding:4px 8px;background:#007bff1a;border-radius:4px;display:inline-block}.module-form-grid-3col{display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.module-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border)}.module-form-btn-cancel{padding:12px 20px;background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.module-form-btn-cancel:hover{background:var(--hover-bg);transform:translateY(-1px)}.module-form-btn-submit{padding:12px 24px;background:var(--gradient-success);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.module-form-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.module-form-btn-submit:disabled{background:var(--muted);cursor:not-allowed;box-shadow:none}.module-form-special-section{padding:16px;background:var(--surface);border:2px solid var(--border);border-radius:12px;margin-top:16px}.module-form-subsection-title{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px}.module-form-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.module-form-info-box{margin-top:12px;padding:12px;background:var(--info-bg, rgba(59, 130, 246, .1));border-radius:8px;border:1px solid var(--border)}.module-form-info-text{margin:0;font-size:13px;color:var(--muted);line-height:1.5}.module-table-td-max-width{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.module-form-days-container{margin-bottom:16px}.module-form-days-label,.module-form-hours-label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}.module-form-days-grid,.module-form-hours-grid{display:flex;gap:8px;flex-wrap:wrap}.module-form-day-btn,.module-form-hour-btn{padding:10px 16px;border:2px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.module-form-day-btn:hover,.module-form-hour-btn:hover{background:var(--surface);border-color:var(--primary)}.module-form-day-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #3b82f64d}.module-form-hour-btn.active{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 2px 8px #10b9814d}.module-availability-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.module-availability-modal-content{background:var(--bg);color:var(--text);border-radius:16px;padding:24px;max-width:800px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #00000026;border:1px solid var(--border);animation:slideUp .3s ease-out}.module-availability-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;border-bottom:2px solid var(--border);padding-bottom:16px}.module-availability-modal-title{font-size:24px;font-weight:700;margin:0 0 8px;color:var(--text)}.module-availability-modal-subtitle{font-size:16px;color:var(--muted);margin:0;font-weight:500}.module-availability-modal-close{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.module-availability-modal-close:hover{background:var(--hover-bg);transform:scale(1.1)}.module-availability-section{margin-bottom:24px}.module-availability-section-title{font-size:18px;font-weight:600;color:var(--text);margin:0 0 16px;text-align:center}.module-availability-days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.module-availability-day-btn{padding:16px 12px;border-radius:12px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 4px #0000001a}.module-availability-day-btn.active{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98180}.module-availability-day-btn:not(.active):hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.module-availability-description{font-size:14px;color:var(--muted);text-align:center;margin:0 0 16px}.module-availability-hours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(60px,1fr));gap:8px;max-height:200px;overflow:auto;padding:16px;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.module-availability-hour-btn{padding:12px 8px;border-radius:8px;border:2px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.module-availability-hour-btn.active{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 2px 8px #10b98180}.module-availability-hour-btn:not(.active):hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.module-availability-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:20px}.module-availability-btn-save{padding:12px 24px;border-radius:8px;border:1px solid var(--success);background:var(--success);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;box-shadow:0 2px 8px #10b9814d}.module-availability-btn-save:disabled{background:var(--muted);cursor:not-allowed;box-shadow:none}.module-availability-btn-save:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.module-availability-btn-cancel{padding:12px 24px;border-radius:8px;border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.module-availability-btn-cancel:hover{background:var(--hover-bg);transform:translateY(-1px)}.module-mobile-grid{display:grid;gap:12px;padding:0 8px}.module-mobile-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;box-shadow:var(--card-shadow);margin:0 4px}.module-mobile-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.module-mobile-card-name{font-weight:700;font-size:16px;color:var(--text)}.module-mobile-card-name-clickable{font-weight:700;font-size:16px;cursor:pointer;color:var(--primary);flex:1}.module-mobile-card-info{margin-top:8px;color:var(--muted);font-size:13px}.module-mobile-info-item{margin-bottom:4px}.module-mobile-info-item-spacer{margin-bottom:8px}.module-mobile-card-badges{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.module-mobile-badges-label{font-size:12px;color:var(--muted);margin-bottom:4px}.module-mobile-card-plan{margin-top:8px}.module-mobile-link{flex:1;min-width:70px}.module-mobile-card-actions{margin-top:12px;display:flex;gap:6px;flex-wrap:wrap;justify-content:stretch}.module-mobile-btn{flex:1;min-width:70px;padding:8px 6px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.module-mobile-btn-view{background:var(--gradient-info);color:#fff}.module-mobile-btn-availability{background:var(--gradient-success);color:#fff}.module-mobile-btn-delete{background:var(--gradient-danger);color:#fff}@media (max-width: 768px){.module-page{padding:12px;gap:16px}.module-header{padding:16px 12px}.module-header-subtitle{font-size:14px}.module-controls{flex-direction:column;align-items:stretch;padding:12px}.module-controls-left{flex-direction:column;align-items:stretch}.module-search-container{min-width:unset}.module-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.module-table th,.module-table td{padding:8px;font-size:12px}.module-pagination{flex-direction:column;align-items:stretch}.module-pagination-controls{justify-content:center}.module-header-title{font-size:24px}.module-header-subtitle{font-size:13px}.module-tab{padding:12px 16px}.module-controls{flex-direction:column;padding:12px}.module-filter-select{padding:14px 16px;font-size:15px;width:100%}.module-btn-clear-filters,.module-btn-filter{padding:12px 16px;font-size:13px}.module-result-count{font-size:13px}.module-stats-grid{grid-template-columns:repeat(2,1fr)}.module-controls-buttons{width:100%}.module-controls-buttons button{flex:1;white-space:nowrap}}:root{--bg: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e5e7eb;--primary: #10b981;--primary-weak: #d1fae5;--surface: #f8fafc;--card-bg: #ffffff;--card-border: #e5e7eb;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--input-bg: #ffffff;--input-border: #e2e8f0;--input-focus-border: #7700ff;--input-focus-shadow: 0 0 0 3px rgba(119, 0, 255, .1);--input-placeholder: #9ca3af;--success: #10b981;--success-light: #d1fae5;--success-dark: #059669;--danger: #ef4444;--danger-light: #fee2e2;--danger-dark: #dc2626;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #d97706;--info: #10b981;--info-light: #d1fae5;--info-dark: #047857;--primary-light: #d1fae5;--primary-dark: #059669;--muted-light: #f1f5f9;--event-active: #60a5fa;--event-success: #10b981;--event-muted: #9ca3af;--event-blue: #3b82f6;--event-blue-light: rgba(59, 130, 246, .1);--event-blue-border: rgba(59, 130, 246, .2);--event-success-light: rgba(16, 185, 129, .1);--event-success-border: rgba(16, 185, 129, .2);--event-success-text: rgba(16, 185, 129, .8);--mp-blue: #009ee3;--mp-blue-dark: #0080c7;--mp-blue-darker: #006ba8;--mp-gradient: linear-gradient(135deg, #009ee3 0%, #0080c7 100%);--mp-gradient-hover: linear-gradient(135deg, #0080c7 0%, #006ba8 100%);--landing-secondary: #6b7cff;--landing-gradient: linear-gradient(135deg, var(--primary) 0%, #6b7cff 100%);--landing-white: #ffffff;--landing-black: #1a1a1a;--landing-error: #ff4d4f;--landing-glass-bg: rgba(255, 255, 255, .2);--landing-glass-border: rgba(255, 255, 255, .3);--landing-overlay-dark: rgba(0, 0, 0, .8);--landing-overlay-light: rgba(0, 0, 0, .4);--landing-blue-overlay: rgba(59, 130, 246, .9);--landing-purple-overlay: rgba(147, 51, 234, .7);--pileta-border: #e2e8f0;--pileta-primary: #667eea;--pileta-primary-dark: #5a67d8;--pileta-text-muted: #718096;--pileta-text-dark: #2d3748;--pileta-error: #e53e3e;--gradient-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-info: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-secondary: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--hover-bg: #f1f5f9;--active-bg: #e2e8f0;--disabled-bg: #f3f4f6;--disabled-text: #9ca3af;--table-header-bg: #f3f4f6;--table-row-alt: #f8fafc;--table-hover: #f1f5f9;--table-border: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media (max-width: 768px){body{-webkit-tap-highlight-color:transparent}header{gap:8px!important;padding:8px 12px!important}:root{--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 17px;--spacing-sm: 6px;--spacing-md: 12px;--spacing-lg: 20px}button{min-height:40px;padding:8px 12px}input,select,textarea{width:100%;padding:10px 12px;font-size:var(--font-size-base)}table{display:block;width:100%;overflow-x:auto;white-space:nowrap}th,td{padding:8px 12px}.show-on-mobile{display:block!important}.hide-on-mobile{display:none!important}}html[data-theme=dark]{--bg: #0b1220;--text: #e2e8f0;--muted: #94a3b8;--border: #1f2937;--primary: #10b981;--primary-weak: #064e3b;--surface: #0f172a;--card-bg: #1e293b;--card-border: #334155;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--input-bg: #1e293b;--input-border: #334155;--input-focus-border: #7700ff;--input-focus-shadow: 0 0 0 3px rgba(119, 0, 255, .2);--input-placeholder: #64748b;--success: #34d399;--success-light: #064e3b;--success-dark: #047857;--danger: #f87171;--danger-light: #450a0a;--danger-dark: #b91c1c;--warning: #fbbf24;--warning-light: #451a03;--warning-dark: #b45309;--info: #10b981;--info-light: #064e3b;--info-dark: #1e40af;--primary-light: #064e3b;--primary-dark: #059669;--muted-light: #334155;--event-active: #60a5fa;--event-success: #10b981;--event-muted: #9ca3af;--event-blue: #3b82f6;--event-blue-light: rgba(59, 130, 246, .2);--event-blue-border: rgba(59, 130, 246, .3);--event-success-light: rgba(16, 185, 129, .2);--event-success-border: rgba(16, 185, 129, .3);--event-success-text: rgba(16, 185, 129, .9);--landing-secondary: #6b7cff;--landing-gradient: linear-gradient(135deg, var(--primary) 0%, #6b7cff 100%);--landing-white: #ffffff;--landing-black: #1a1a1a;--landing-error: #ff4d4f;--landing-glass-bg: rgba(255, 255, 255, .2);--landing-glass-border: rgba(255, 255, 255, .3);--landing-overlay-dark: rgba(0, 0, 0, .8);--landing-overlay-light: rgba(0, 0, 0, .4);--landing-blue-overlay: rgba(59, 130, 246, .9);--landing-purple-overlay: rgba(147, 51, 234, .7);--pileta-border: #e2e8f0;--pileta-primary: #667eea;--pileta-primary-dark: #5a67d8;--pileta-text-muted: #718096;--pileta-text-dark: #2d3748;--pileta-error: #e53e3e;--mp-blue: #009ee3;--mp-blue-dark: #0080c7;--mp-blue-darker: #006ba8;--mp-gradient: linear-gradient(135deg, #009ee3 0%, #0080c7 100%);--mp-gradient-hover: linear-gradient(135deg, #0080c7 0%, #006ba8 100%);--gradient-primary: linear-gradient(135deg, #000000 0%, #000000 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gradient-info: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #d97706 0%, #b45309 100%);--gradient-secondary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--hover-bg: #334155;--active-bg: #475569;--disabled-bg: #1e293b;--disabled-text: #64748b;--table-header-bg: #1e293b;--table-row-alt: #0f172a;--table-hover: #334155;--table-border: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}html[data-theme=pure-black]{--bg: #000000;--text: #ffffff;--muted: #a0a0a0;--border: #1a1a1a;--primary: #10b981;--primary-weak: #064e3b;--surface: #0a0a0a;--card-bg: #111111;--card-border: #222222;--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .8);--input-bg: #111111;--input-border: #222222;--input-focus-border: #7700ff;--input-focus-shadow: 0 0 0 3px rgba(119, 0, 255, .3);--input-placeholder: #666666;--success: #7700ff;--success-light: #1a0d33;--success-dark: #a0b621;--danger: #ff4444;--danger-light: #330000;--danger-dark: #cc0000;--warning: #ffaa00;--warning-light: #332200;--warning-dark: #cc8800;--info: #10b981;--info-light: #064e3b;--info-dark: #5b21b6;--primary-light: #064e3b;--primary-dark: #059669;--muted-light: #1a1a1a;--event-active: #60a5fa;--event-success: #10b981;--event-muted: #9ca3af;--event-blue: #3b82f6;--event-blue-light: rgba(59, 130, 246, .3);--event-blue-border: rgba(59, 130, 246, .4);--event-success-light: rgba(16, 185, 129, .3);--event-success-border: rgba(16, 185, 129, .4);--event-success-text: rgba(16, 185, 129, 1);--landing-secondary: #6b7cff;--landing-gradient: linear-gradient(135deg, var(--primary) 0%, #6b7cff 100%);--landing-white: #ffffff;--landing-black: #1a1a1a;--landing-error: #ff4d4f;--landing-glass-bg: rgba(255, 255, 255, .2);--landing-glass-border: rgba(255, 255, 255, .3);--landing-overlay-dark: rgba(0, 0, 0, .8);--landing-overlay-light: rgba(0, 0, 0, .4);--landing-blue-overlay: rgba(59, 130, 246, .9);--landing-purple-overlay: rgba(147, 51, 234, .7);--pileta-border: #e2e8f0;--pileta-primary: #667eea;--pileta-primary-dark: #5a67d8;--pileta-text-muted: #718096;--pileta-text-dark: #2d3748;--pileta-error: #e53e3e;--mp-blue: #009ee3;--mp-blue-dark: #0080c7;--mp-blue-darker: #006ba8;--mp-gradient: linear-gradient(135deg, #009ee3 0%, #0080c7 100%);--mp-gradient-hover: linear-gradient(135deg, #0080c7 0%, #006ba8 100%);--gradient-primary: linear-gradient(135deg, #000000 0%, #000000 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ff4444 0%, #cc0000 100%);--gradient-info: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #ffaa00 0%, #cc8800 100%);--gradient-secondary: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);--hover-bg: #1a1a1a;--active-bg: #222222;--disabled-bg: #0a0a0a;--disabled-text: #666666;--table-header-bg: #111111;--table-row-alt: #0a0a0a;--table-hover: #1a1a1a;--table-border: #222222;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .8);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .8);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .8);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .8);--notification-bg: #1a1a1a;--notification-border: #333333;--notification-shadow: 0 8px 32px rgba(0, 0, 0, .6);--notification-shadow-hover: 0 12px 40px rgba(0, 0, 0, .8);--notification-success-bg: #064e3b;--notification-success-border: #059669;--notification-success-text: #a7f3d0;--notification-warning-bg: #451a03;--notification-warning-border: #f59e0b;--notification-warning-text: #fde68a;--notification-danger-bg: #450a0a;--notification-danger-border: #ef4444;--notification-danger-text: #fecaca;--notification-info-bg: #1e3a8a;--notification-info-border: #3b82f6;--notification-info-text: #bfdbfe;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-ease: cubic-bezier(.4, 0, .2, 1);--animation-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;line-height:1.6;overflow-x:hidden}.dashboard-p1{padding:24px}.table-responsive{width:100%;overflow-x:auto;overflow-y:hidden}@media (max-width: 600px){th{font-size:12px;padding:8px 10px}}@media (max-width: 480px){th{font-size:11px;padding:6px 8px}}a{color:inherit;text-decoration:none}input,select,button,textarea{font:inherit}input,select,textarea{background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;font-size:var(--font-size-base)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}button{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .3s ease;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}button:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none;box-shadow:none}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--card-shadow)}thead tr{background:var(--table-header-bg)}th,td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--table-border);text-align:left;font-size:var(--font-size-sm)}th{font-weight:var(--font-weight-semibold);color:var(--text)}tbody tr:nth-child(2n){background:var(--table-row-alt)}tbody tr:hover{background:var(--table-hover)}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-info{color:var(--info)}.bg-surface{background:var(--surface)}.bg-card{background:var(--card-bg)}.bg-success{background:var(--success)}.bg-danger{background:var(--danger)}.bg-warning{background:var(--warning)}.bg-info{background:var(--info)}.border-border{border-color:var(--border)}.border-success{border-color:var(--success)}.border-danger{border-color:var(--danger)}.border-warning{border-color:var(--warning)}.border-info{border-color:var(--info)}body{background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border)}::selection{background:var(--primary);color:#fff}::-moz-selection{background:var(--primary);color:#fff}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes notificationSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(100%) scale(.95)}}@keyframes notificationBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes notificationPulse{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}@keyframes notificationShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.notification-enter{animation:notificationSlideIn var(--animation-duration-normal) var(--animation-ease)}.notification-exit{animation:notificationSlideOut var(--animation-duration-fast) var(--animation-ease)}.notification-bounce{animation:notificationBounce var(--animation-duration-slow) var(--animation-ease-bounce)}.notification-pulse{animation:notificationPulse 2s infinite}.notification-shake{animation:notificationShake .5s var(--animation-ease)}button[style*=gradient-success],.btn-agregar-personal,button:contains("Agregar Personal"),button:contains("Agregar Usuario"){background:var(--gradient-success)!important;background-image:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.staff-container .btn-agregar-personal{background:var(--gradient-success)!important;background-image:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.landing-container{min-height:100vh;background:var(--bg);transition:background-color .3s ease}.landing-header{position:fixed;top:0;left:0;right:0;background:transparent;z-index:1000;padding:20px 0;transition:all .3s ease}.landing-header.scrolled{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--border);padding:12px 0;box-shadow:var(--shadow-lg)}.landing-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.landing-logo-wrapper{cursor:pointer}.landing-nav-desktop{display:flex;gap:40px;align-items:center}.landing-nav-link{background:none;border:none;color:var(--text);cursor:pointer;font-size:15px;font-weight:600;transition:all .3s ease;padding:8px 0;position:relative}.landing-nav-link:hover{color:var(--primary);transform:translateY(-1px)}.landing-btn-primary{background:var(--landing-gradient);color:var(--landing-white);padding:12px 22px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.2px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:var(--shadow-lg);border:1px solid var(--landing-glass-border);display:inline-flex;align-items:center;gap:10px}.landing-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-xl);filter:saturate(1.05)}.landing-mobile-menu-btn{display:none;background:none;border:none;color:var(--text);cursor:pointer;font-size:24px;padding:8px;border-radius:4px;transition:all .3s ease;text-shadow:var(--text-shadow)}.landing-mobile-menu-btn:hover{background:var(--surface);transform:scale(1.1)}.landing-mobile-menu{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;flex-direction:column;gap:16px;animation:slideDown .3s ease;box-shadow:var(--shadow-lg)}.landing-mobile-nav-link{background:none;border:none;color:var(--text);cursor:pointer;font-size:16px;font-weight:600;padding:12px 0;text-align:left;transition:color .3s ease;text-shadow:var(--text-shadow)}.landing-mobile-btn-primary{background:var(--landing-gradient);color:var(--landing-white);padding:14px 20px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:700;letter-spacing:.2px;text-align:center;margin-top:8px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease;box-shadow:var(--shadow-lg)}.landing-mobile-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-xl);filter:saturate(1.05)}.landing-hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.landing-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity 1s ease-in-out;opacity:.7}.landing-hero-bg-loading{position:absolute;inset:0;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.landing-hero-bg-fallback{position:absolute;inset:0;background:var(--gradient-primary)}.landing-hero-overlay{position:absolute;inset:0}.landing-hero-overlay.dark{background:linear-gradient(135deg,var(--landing-overlay-dark) 0%,var(--landing-overlay-light) 100%)}.landing-hero-overlay.light{background:linear-gradient(135deg,var(--landing-blue-overlay) 0%,var(--landing-purple-overlay) 100%)}.landing-hero-content{position:relative;z-index:10;text-align:center;color:#fff;max-width:800px;padding:0 24px}.landing-hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:24px;text-shadow:var(--text-shadow);line-height:1.2}.landing-hero-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:32px;opacity:.95;text-shadow:var(--text-shadow);line-height:1.6}.landing-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-hero-btn{background:var(--landing-glass-bg);color:var(--landing-white);border:2px solid var(--landing-glass-border);padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-hero-indicators{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;gap:12px;z-index:10}.landing-hero-indicator{width:12px;height:12px;border-radius:50%;border:none;cursor:pointer;transition:all .3s ease}.landing-hero-indicator.active{background:var(--card-bg)}.landing-hero-indicator:not(.active){background:var(--landing-glass-bg)}.landing-servicios{padding:80px 24px;max-width:1200px;margin:0 auto}.landing-servicios-header{text-align:center;margin-bottom:64px}.landing-servicios-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text);margin-bottom:16px}.landing-servicios-subtitle{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.landing-servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.landing-service-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;cursor:pointer}.landing-service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing-service-icon{font-size:48px;margin-bottom:16px}.landing-service-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:12px}.landing-service-description{color:var(--muted);line-height:1.6;font-size:14px}.landing-planes{padding:80px 24px;background:var(--surface);max-width:1200px;margin:0 auto}.landing-planes-header{text-align:center;margin-bottom:64px}.landing-planes-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text);margin-bottom:16px}.landing-planes-subtitle{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.landing-planes-placeholder{grid-column:1 / -1;text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:16px;border:1px solid var(--card-border);max-width:900px;margin:0 auto}.landing-planes-placeholder-icon{font-size:48px;margin-bottom:16px}.landing-planes-placeholder-title{color:var(--text);margin-bottom:8px}.landing-planes-placeholder-text{color:var(--muted)}.landing-contacto{padding:80px 24px;max-width:1200px;margin:0 auto}.landing-contacto-header{text-align:center;margin-bottom:64px}.landing-contacto-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text);margin-bottom:16px}.landing-contacto-subtitle{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.landing-contacto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:start}.landing-contacto-info-title{font-size:24px;font-weight:600;color:var(--text);margin-bottom:24px}.landing-contacto-info-list{display:flex;flex-direction:column;gap:20px}.landing-contacto-info-item{display:flex;gap:16px;align-items:flex-start}.landing-contacto-info-icon{font-size:24px}.landing-contacto-info-content-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.landing-contacto-info-content-text{color:var(--muted);font-size:14px;line-height:1.5;white-space:pre-line}.landing-contacto-socials{display:flex;gap:16px;align-items:center;margin-top:8px}.landing-contacto-social-link{color:var(--primary);text-decoration:none;font-weight:600}.landing-contacto-form-wrapper{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px}.landing-contacto-form-title{font-size:24px;font-weight:600;color:var(--text);margin-bottom:24px}.landing-contacto-form{display:flex;flex-direction:column;gap:16px}.landing-contacto-input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:14px}.landing-contacto-input:disabled{opacity:.7;cursor:not-allowed}.landing-contacto-textarea{width:100%;padding:12px 16px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);font-size:14px;resize:vertical}.landing-contacto-textarea:disabled{opacity:.7;cursor:not-allowed}.landing-contacto-textarea.error{border-color:var(--landing-error)}.landing-contacto-error-message{margin-top:6px;color:var(--landing-error);font-size:12px}.landing-contacto-submit{padding:12px 24px;border-radius:8px;border:none;background:var(--gradient-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.landing-contacto-submit:disabled{background:var(--muted);cursor:not-allowed;opacity:.7}.landing-eventos-section{padding:80px 24px;background:var(--surface);max-width:1200px;margin:0 auto}.landing-eventos-container{max-width:1200px;margin:0 auto}.landing-section-header{text-align:center;margin-bottom:64px}.landing-section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--text);margin-bottom:16px}.landing-section-subtitle{font-size:18px;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.6}.landing-eventos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1400px;margin:0 auto}.landing-footer{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:60px 24px 32px;border-top:1px solid var(--border);margin-top:80px}.landing-footer-inner{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}.landing-footer-brand{max-width:350px}.landing-footer-brand-logo{margin-bottom:20px}.landing-footer-brand-text{color:var(--muted);font-size:15px;line-height:1.7;font-weight:400}.landing-footer-section-title{font-size:18px;font-weight:700;color:var(--text);margin-bottom:24px;letter-spacing:.5px}.landing-footer-links{display:flex;flex-direction:column;gap:12px}.landing-footer-link{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;text-align:left;transition:all .3s ease;padding:8px 0;font-weight:500}.landing-footer-link:hover{color:var(--primary);transform:translate(4px)}.landing-footer-contact{display:flex;flex-direction:column;gap:16px}.landing-footer-contact-item{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:15px;line-height:1.6}.landing-footer-contact-item-icon{font-size:18px;margin-top:2px}.landing-footer-contact-item-text{font-weight:500}.landing-footer-contact-item.center{align-items:center}.landing-footer-socials{display:flex;align-items:center;gap:16px;color:var(--text)}.landing-footer-social-link{text-decoration:none;color:var(--primary);font-weight:600}.landing-footer-bottom{border-top:1px solid var(--border);padding-top:32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.landing-footer-copyright{color:var(--muted);font-size:14px;font-weight:500}.landing-footer-credits{display:flex;gap:24px;align-items:center}.landing-footer-credit{color:var(--muted);font-size:14px;font-weight:500}@media (max-width: 768px){.landing-nav-desktop{display:none!important}.landing-mobile-menu-btn{display:block!important}.landing-btn-primary,.landing-mobile-btn-primary{width:100%!important;padding:16px 20px!important;font-size:16px!important;border-radius:12px!important;display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;min-height:48px!important;box-shadow:var(--shadow-lg)!important}.landing-eventos-section{padding:60px 20px}.landing-section-header{margin-bottom:48px}.landing-section-title{margin-bottom:12px}.landing-section-subtitle{font-size:16px}.landing-eventos-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px){.landing-nav-desktop{display:flex!important}.landing-mobile-menu-btn{display:none!important}}@media (min-width: 769px) and (max-width: 1024px){.landing-eventos-section{padding:70px 24px}.landing-eventos-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.solicitud-card{animation:fadeIn .3s ease-out}.solicitud-item{animation:slideIn .2s ease-out}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.badge-prioridad,.badge-categoria{font-weight:600;text-transform:capitalize;letter-spacing:.025em}.action-button{transition:all .2s ease-in-out;position:relative;overflow:hidden}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.action-button:active{transform:translateY(0)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.modal-content{animation:fadeIn .3s ease-out}.stats-card{transition:all .3s ease-in-out;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.stats-card:hover:before{left:100%}.stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.form-input{transition:all .2s ease-in-out}.form-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.loading-spinner{animation:spin 1s linear infinite}@media (max-width: 640px){.solicitud-card{margin:0 -1rem;border-radius:0}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px}.tooltip{position:relative}.tooltip:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:.5rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10}.tooltip:hover:after{opacity:1}.empty-state{background:transparent}.state-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-container{display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s ease-in-out}.icon-container:hover{transform:scale(1.05)}.status-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600;text-transform:capitalize;letter-spacing:.025em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;line-height:1}.filter-button{position:relative;overflow:hidden;transition:all .2s ease-in-out}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.filter-button:hover:before{left:100%}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes magicFadeIn{0%{opacity:0;transform:translateY(30px) scale(.9);filter:blur(5px)}50%{opacity:.7;transform:translateY(-5px) scale(1.02);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes magicFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes magicPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 0 10px var(--primary-light)}}@keyframes magicShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.solicitud-card{animation:magicFadeIn .6s cubic-bezier(.4,0,.2,1)}.solicitud-item{animation:magicFadeIn .4s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.solicitud-item:nth-child(1){animation-delay:.1s}.solicitud-item:nth-child(2){animation-delay:.2s}.solicitud-item:nth-child(3){animation-delay:.3s}.solicitud-item:nth-child(4){animation-delay:.4s}.solicitud-item:nth-child(5){animation-delay:.5s}.magic-hover{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.magic-hover:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}.magic-hover:hover:before{left:100%}.magic-hover:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #00000026}.magic-particles{position:relative}.magic-particles:after{content:"✨";position:absolute;top:-10px;right:-10px;font-size:20px;animation:magicFloat 2s ease-in-out infinite;opacity:.7}.magic-button{position:relative;overflow:hidden;background:linear-gradient(45deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600;transition:all .3s ease}.magic-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.magic-button:hover:before{left:100%}.magic-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.magic-button:active{transform:translateY(0)}.magic-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.magic-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026;border-color:#3b82f64d}.magic-glow{position:relative}.magic-glow:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.magic-glow:hover:before{opacity:1;animation:magicPulse 2s infinite}.magic-text{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:magicShimmer 3s ease-in-out infinite}.magic-loading{position:relative}.magic-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.magic-notification{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 10px 25px #667eea4d;animation:magicFadeIn .5s ease-out;z-index:1000}.magic-modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;animation:magicFadeIn .3s ease-out}.magic-modal-content{background:linear-gradient(135deg,#fff,#f8fafc);border-radius:20px;box-shadow:0 25px 50px #00000040;animation:magicFadeIn .4s cubic-bezier(.4,0,.2,1)}.magic-scroll{scrollbar-width:thin;scrollbar-color:#667eea #f1f5f9}.magic-scroll::-webkit-scrollbar{width:8px}.magic-scroll::-webkit-scrollbar-track{background:linear-gradient(180deg,#f1f5f9,#e2e8f0);border-radius:4px}.magic-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;transition:all .3s ease}.magic-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a67d8,#6b46c1);transform:scale(1.1)}.magic-state-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;animation:magicFloat 3s ease-in-out infinite}.magic-state-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6;animation:magicPulse 2s ease-in-out infinite}.magic-state-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.magic-state-rejected{background:linear-gradient(135deg,#fef2f2,#fecaca);border-left:4px solid #ef4444}.magic-priority-urgent{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626;animation:magicPulse 1.5s ease-in-out infinite}.magic-priority-high{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.magic-priority-medium{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.magic-priority-low{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.magic-category-mejora{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.magic-category-error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626}.magic-category-nueva_funcionalidad{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed}.magic-transition{transition:all .4s cubic-bezier(.4,0,.2,1)}.magic-transition:hover{transform:translateY(-3px) scale(1.02)}.magic-focus:focus{outline:none;box-shadow:0 0 0 3px #667eea4d;transform:scale(1.02)}.magic-disabled{opacity:.5;filter:grayscale(50%);cursor:not-allowed;transition:all .3s ease}.magic-disabled:hover{transform:none;box-shadow:none}.magic-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669;animation:magicFloat 2s ease-in-out infinite}.magic-error{background:linear-gradient(135deg,#fef2f2,#fecaca);color:#dc2626;animation:magicPulse 1s ease-in-out infinite}.magic-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;animation:magicFloat 2.5s ease-in-out infinite}.magic-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb;animation:magicPulse 3s ease-in-out infinite}:root{--primary-color: #3B82F6;--secondary-color: #10B981;--accent-color: #F59E0B;--bg-dark: #0F172A;--bg-secondary: #1E293B;--bg-card: #334155;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--border-color: #475569;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}.calculator-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,var(--bg-dark) 0%,#1a2332 100%);min-height:100vh;padding:0;color:var(--text-primary)}.calculator-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1.5rem 2rem;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.header-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.header-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400}.header-badge{background:var(--primary-color);color:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.calculator-main{max-width:1400px;margin:0 auto;padding:2rem}.calculator-intro{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.intro-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.intro-description{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.calculator-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);transition:all .3s ease;position:relative;overflow:hidden;box-sizing:border-box;width:100%}.calculator-card *{box-sizing:border-box}.calculator-card.card-running{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;border:2px solid #2563EB!important;box-shadow:0 10px 30px #3b82f666!important}.calculator-card.card-cycling{background:linear-gradient(135deg,#fbbf24,#fcd34d)!important;border:2px solid #F59E0B!important;box-shadow:0 10px 30px #fbbf2466!important}.calculator-card.card-swimming{background:linear-gradient(135deg,#ef4444,#f87171)!important;border:2px solid #DC2626!important;box-shadow:0 10px 30px #ef444466!important}.calculator-card.card-triathlon{background:linear-gradient(to right,#3b82f6,#60a5fa 33%,#fbbf24 33%,#fcd34d 66%,#ef4444 66%,#f87171)!important;border:2px solid #8B5CF6!important;box-shadow:0 10px 30px #8b5cf666!important}.calculator-card.card-running *,.calculator-card.card-cycling *,.calculator-card.card-swimming *,.calculator-card.card-triathlon *{color:#000!important}.calculator-card.card-running .form-input,.calculator-card.card-running .form-select,.calculator-card.card-cycling .form-input,.calculator-card.card-cycling .form-select,.calculator-card.card-swimming .form-input,.calculator-card.card-swimming .form-select,.calculator-card.card-triathlon .form-input,.calculator-card.card-triathlon .form-select{background:#ffffff80!important;border:1px solid rgba(0,0,0,.2)!important;color:#000!important}.calculator-card.card-running .form-input::placeholder,.calculator-card.card-cycling .form-input::placeholder,.calculator-card.card-swimming .form-input::placeholder,.calculator-card.card-triathlon .form-input::placeholder{color:#00000080!important}.calculator-card.card-running .card-header,.calculator-card.card-cycling .card-header,.calculator-card.card-swimming .card-header,.calculator-card.card-triathlon .card-header{border-bottom:1px solid rgba(0,0,0,.2)!important}.calculator-card.card-running .divider,.calculator-card.card-cycling .divider,.calculator-card.card-swimming .divider,.calculator-card.card-triathlon .divider{background:linear-gradient(90deg,transparent,rgba(0,0,0,.2),transparent)!important}.calculator-card.card-running .btn-primary,.calculator-card.card-cycling .btn-primary,.calculator-card.card-swimming .btn-primary,.calculator-card.card-triathlon .btn-primary{background:#fff6!important;color:#000!important;border:2px solid rgba(0,0,0,.3)!important}.calculator-card.card-running .btn-primary:hover,.calculator-card.card-cycling .btn-primary:hover,.calculator-card.card-swimming .btn-primary:hover,.calculator-card.card-triathlon .btn-primary:hover{background:#fff9!important;border:2px solid rgba(0,0,0,.4)!important}.calculator-card.card-running .btn-secondary,.calculator-card.card-cycling .btn-secondary,.calculator-card.card-swimming .btn-secondary,.calculator-card.card-triathlon .btn-secondary{background:#ffffff4d!important;color:#000!important;border:2px solid rgba(0,0,0,.2)!important}.calculator-card.card-running .btn-secondary:hover,.calculator-card.card-cycling .btn-secondary:hover,.calculator-card.card-swimming .btn-secondary:hover,.calculator-card.card-triathlon .btn-secondary:hover{background:#ffffff80!important;border:2px solid rgba(0,0,0,.3)!important}.calculator-card.card-running .result-box,.calculator-card.card-cycling .result-box,.calculator-card.card-swimming .result-box,.calculator-card.card-triathlon .result-box{background:#fff6!important;border:1px solid rgba(0,0,0,.2)!important;border-left:4px solid rgba(0,0,0,.5)!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.calculator-card.card-triathlon .result-box.result-box-swim{background:#3b82f64d!important;border-left:4px solid #3B82F6!important}.calculator-card.card-triathlon .result-box.result-box-bike{background:#fbbf244d!important;border-left:4px solid #FBBF24!important}.calculator-card.card-triathlon .result-box.result-box-run{background:#ef44444d!important;border-left:4px solid #EF4444!important}.calculator-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity .3s ease}.calculator-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.calculator-card:hover:before{opacity:1}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:6px;font-size:.875rem}.card-subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:400}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.form-input,.form-select{width:100%;max-width:100%;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-family:inherit;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--text-secondary)}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.time-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.time-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.time-label{text-align:center;font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.btn-group{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.btn{flex:1;min-width:120px;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card);border-color:var(--text-secondary)}.btn-small{padding:.5rem .75rem;font-size:.75rem;min-width:auto;text-transform:none;letter-spacing:normal;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-small:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.calculator-card.card-triathlon .btn-small{background:#fff6!important;color:#000!important;border:1px solid rgba(0,0,0,.2)!important}.calculator-card.card-triathlon .btn-small:hover{background:#fff9!important;border:1px solid rgba(0,0,0,.3)!important}.result-box{background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--secondary-color);border-radius:8px;padding:1rem;margin-top:1rem;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.result-box.result-box-swim{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:2px solid #1D4ED8!important;border-left:4px solid #1E40AF!important;box-shadow:0 0 25px #3b82f680!important}.result-box.result-box-swim .result-label,.result-box.result-box-swim .result-value{color:#fff!important}.result-box.result-box-bike{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:2px solid #B45309!important;border-left:4px solid #92400E!important;box-shadow:0 0 25px #f59e0b80!important}.result-box.result-box-bike .result-label,.result-box.result-box-bike .result-value{color:#fff!important}.result-box.result-box-run{background:linear-gradient(135deg,#10b981,#059669)!important;border:2px solid #047857!important;border-left:4px solid #065F46!important;box-shadow:0 0 25px #10b98180!important}.result-box.result-box-run .result-label,.result-box.result-box-run .result-value{color:#fff!important}.result-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;display:block}.result-value{font-size:1.5rem;font-weight:700;color:var(--secondary-color);font-family:Courier New,monospace;width:100%;max-width:100%;box-sizing:border-box;border:none;background:transparent;outline:none}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:1.5rem 0}.summary-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-top:1rem}.summary-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color)}.summary-item:last-child{border-bottom:none}.summary-label{font-size:.875rem;color:var(--text-secondary)}.summary-value{font-size:.875rem;font-weight:600;color:var(--text-primary);font-family:Courier New,monospace}.distance-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-top:.75rem}@media (max-width: 768px){.calculator-header{padding:1rem}.header-title{font-size:1.25rem}.calculator-main{padding:1rem}.calculator-grid{grid-template-columns:1fr}.calculator-intro{padding:1.5rem}.intro-title{font-size:1.5rem}.btn-group{flex-direction:column}.btn{width:100%}}@media (max-width: 768px){.distance-buttons{grid-template-columns:1fr}}@media (max-width: 480px){.time-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-card{animation:fadeIn .5s ease-out}.calculator-card:nth-child(1){animation-delay:.1s}.calculator-card:nth-child(2){animation-delay:.2s}.calculator-card:nth-child(3){animation-delay:.3s}.calculator-card:nth-child(4){animation-delay:.4s}.loading{opacity:.6;pointer-events:none}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.notification-config-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:24px}.notification-config-card{background:var(--card-bg);border-radius:16px;padding:20px;border:2px solid var(--card-border);box-shadow:var(--card-shadow);transition:all .3s ease}.notification-config-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.notification-config-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.notification-config-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:12px;flex-shrink:0}.notification-config-info{flex:1}.notification-config-title{margin:0 0 4px;font-size:18px;font-weight:700;color:var(--text)}.notification-config-description{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.notification-config-controls{display:flex;gap:20px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.notification-config-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.notification-config-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.notification-config-checkbox-disabled{cursor:not-allowed;opacity:.5}.notification-config-checkbox-disabled input[type=checkbox]{cursor:not-allowed}.notification-config-label{font-size:14px;color:var(--text);font-weight:500}.notification-config-label-primary{font-weight:700;color:var(--primary)}.notification-config-actions{display:flex;justify-content:center;padding-top:8px;margin-top:16px;border-top:2px solid var(--border)}@media (max-width: 768px){.notification-config-grid{grid-template-columns:1fr}.notification-config-card-header{flex-direction:column;align-items:center;text-align:center}.notification-config-controls{flex-direction:column;gap:12px}.notification-config-actions{padding-left:0;padding-right:0}.notification-config-actions .module-btn{width:100%}}.module-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.module-spinner{width:48px;height:48px;border:4px solid var(--surface);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.module-loading p{color:var(--muted);font-size:16px;font-weight:500}.notification-sound-config{background:var(--card-bg);border-radius:16px;padding:24px;border:2px solid var(--card-border);box-shadow:var(--card-shadow);margin-bottom:24px}.notification-sound-config-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 8px}.notification-sound-config-subtitle{color:var(--muted);font-size:14px;margin:0 0 24px}.notification-sound-options{display:flex;flex-direction:column;gap:20px}.notification-sound-selector{display:flex;flex-direction:column;gap:8px}.notification-sound-label{font-size:14px;font-weight:600;color:var(--text)}.notification-sound-select{width:100%;padding:12px 16px;border:2px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font-size:14px;cursor:pointer;transition:all .3s ease}.notification-sound-select:hover{border-color:var(--primary)}.notification-sound-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2196f31a}.notification-sound-volume{display:flex;flex-direction:column;gap:8px}.notification-sound-slider{width:100%;height:8px;border-radius:4px;background:var(--surface);outline:none;cursor:pointer}.notification-sound-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;transition:all .3s ease}.notification-sound-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px #2196f333}.notification-sound-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:all .3s ease}.notification-sound-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 6px #2196f333}.notification-sound-test-btn{padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.notification-sound-test-btn:hover{background:var(--primary-dark, #1976D2);transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.notification-sound-test-btn:active{transform:translateY(0)}.notification-sound-description{margin-top:16px;padding:16px;background:var(--surface);border-radius:10px;border-left:4px solid var(--primary)}.notification-sound-description p{margin:0;color:var(--text);font-size:14px;line-height:1.6}.notification-sound-description strong{color:var(--primary)}