.caja-container{padding:var(--space-lg);max-width:1600px;margin:0 auto;min-height:calc(100vh - 60px)}.caja-dashboard{display:grid;grid-template-columns:1fr auto;gap:var(--space-lg);margin-bottom:var(--space-lg);align-items:stretch}.dashboard-stats-container{display:flex;flex-direction:column;gap:var(--space-md)}.btn-toggle-stats{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);width:fit-content}.btn-toggle-stats:hover{background:var(--color-background);color:var(--color-primary);border-color:var(--color-primary)}.btn-toggle-stats.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-xs);position:relative;overflow:hidden;transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.ingresos:before{background:linear-gradient(90deg,var(--color-success),#34d399)}.stat-card.gastos:before{background:linear-gradient(90deg,var(--color-error),#f87171)}.stat-card.balance:before{background:linear-gradient(90deg,var(--color-primary),#818cf8)}.stat-card .stat-header{display:flex;align-items:center;justify-content:space-between}.stat-card .stat-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.stat-card .stat-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-card.ingresos .stat-icon{background:var(--color-success-light);color:var(--color-success)}.stat-card.gastos .stat-icon{background:var(--color-error-light);color:var(--color-error)}.stat-card.balance .stat-icon{background:var(--color-primary-light);color:var(--color-primary)}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.stat-card.ingresos .stat-value{color:var(--color-success)}.stat-card.gastos .stat-value{color:var(--color-error)}.stat-card.balance .stat-value{color:var(--color-primary)}.date-selector-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);min-width:180px}.date-selector-card .date-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--space-xs)}.date-selector-card .date-input-wrapper{position:relative}.date-selector-card .date-input{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);background:var(--color-surface-secondary);cursor:pointer;transition:all var(--transition-fast)}.date-selector-card .date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.caja-main-content{display:grid;grid-template-columns:420px 1fr;gap:var(--space-lg);align-items:start}@media (max-width: 1200px){.caja-main-content{grid-template-columns:1fr}}.nueva-transaccion{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border);position:sticky;top:var(--space-lg)}.nueva-transaccion h2{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:700;display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-primary)}.nueva-transaccion h2 svg{color:var(--color-primary)}.tipo-tabs{display:flex;gap:0;margin-bottom:var(--space-lg);padding:3px;background:var(--color-surface-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tipo-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tipo-tabs .tab:hover:not(.active){color:var(--color-text-primary);background:#00000008}.tipo-tabs .tab.active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.tipo-tabs .tab svg{flex-shrink:0}.transaccion-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-section{display:flex;flex-direction:column;gap:var(--space-sm)}.form-section-title{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs)}.form-grid{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);transition:all var(--transition-fast);background:var(--color-surface);color:var(--color-text-primary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.form-group textarea{resize:vertical;font-family:inherit;min-height:70px}.form-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.button-group{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.btn-option{padding:10px 8px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:center}.btn-option:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-option.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.productos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.btn-producto{padding:12px 10px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}.btn-producto:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-producto.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-producto svg{flex-shrink:0}.cantidad-input{width:100%;padding:12px 14px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-md);color:var(--color-text-primary);transition:all var(--transition-fast);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.cantidad-input::-webkit-outer-spin-button,.cantidad-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cantidad-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.cantidad-input:hover:not(:focus){border-color:var(--color-text-tertiary)}.metodo-pago-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.btn-metodo{padding:10px 6px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-weight:500;font-size:10px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.btn-metodo:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.btn-metodo.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-metodo svg{flex-shrink:0}.total-display-wrapper{background:linear-gradient(135deg,var(--color-success),#34d399);border-radius:var(--radius-lg);padding:var(--space-md);display:flex;flex-direction:column;gap:4px;text-align:center}.total-display-wrapper .total-label{font-size:var(--font-size-xs);font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.05em}.total-display{font-size:var(--font-size-2xl);font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.deposito-info{margin-top:8px;padding:8px 12px;background:#0003;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.deposito-label{color:#ffffffd9}.deposito-total{font-weight:600;color:#fff}.deposito-pendiente{font-weight:700;color:#fef08a;text-shadow:0 1px 2px rgba(0,0,0,.4)}.precio-fijo{background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;padding:12px 16px;border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:800;text-align:center}.form-actions{padding-top:var(--space-md);border-top:1px solid var(--color-border)}.btn-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(135deg,var(--color-primary),#818cf8);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.transacciones-panel{display:flex;flex-direction:column;gap:var(--space-md)}.transacciones-lista{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border);flex:1}.transacciones-lista h2{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:700;display:flex;align-items:center;justify-content:space-between}.transacciones-lista h2 .count-badge{background:var(--color-primary-light);color:var(--color-primary);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.tabla-container{overflow-x:auto;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.transacciones-tabla{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.transacciones-tabla thead{background:var(--color-surface-secondary);position:sticky;top:0;z-index:1}.transacciones-tabla th{padding:12px 14px;text-align:left;font-weight:600;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:2px solid var(--color-border)}.transacciones-tabla td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.transacciones-tabla tbody tr{transition:background var(--transition-fast)}.transacciones-tabla tbody tr:hover{background:var(--color-surface-secondary)}.transacciones-tabla tbody tr.editing{background:var(--color-primary-light)}.transacciones-tabla .hora{font-weight:700;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;font-size:var(--font-size-xs)}.transacciones-tabla .cliente{font-weight:500}.cliente-info{display:flex;align-items:center;gap:var(--space-sm);position:relative}.notas-icon{cursor:help;opacity:.5;transition:opacity var(--transition-fast);color:var(--color-text-tertiary);font-size:12px}.notas-icon:hover{opacity:1}.cliente-info:hover .notas-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.notas-tooltip{position:absolute;bottom:100%;left:0;background:var(--color-text-primary);color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:400;white-space:normal;max-width:280px;z-index:1000;box-shadow:var(--shadow-lg);margin-bottom:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast);pointer-events:none}.notas-tooltip:after{content:"";position:absolute;top:100%;left:var(--space-md);border:6px solid transparent;border-top-color:var(--color-text-primary)}.tooltip-telefono,.tooltip-notas{margin-bottom:var(--space-xs)}.tooltip-telefono:last-child,.tooltip-notas:last-child{margin-bottom:0}.tooltip-telefono strong,.tooltip-notas strong{display:block;margin-bottom:2px;color:var(--color-primary-light)}.transacciones-tabla .producto{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.transacciones-tabla .concepto{text-transform:capitalize;color:var(--color-text-secondary);font-weight:500}.transacciones-tabla .metodo-pago{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs);text-transform:capitalize;padding:4px 8px;background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.transacciones-tabla .metodo-pago svg{color:var(--color-text-tertiary);flex-shrink:0}.transacciones-tabla .text-right{text-align:right}.transacciones-tabla .text-center{text-align:center}.transacciones-tabla .total{font-weight:700;font-variant-numeric:tabular-nums}.transacciones-tabla .total .ingreso{color:var(--color-success)}.transacciones-tabla .total .gasto{color:var(--color-error)}.transacciones-tabla .pendiente{font-size:var(--font-size-xs)}.transacciones-tabla .saldo-pendiente{background:var(--color-warning-light);color:#92400e;padding:4px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);display:inline-block}.transacciones-tabla .clase-info{font-size:var(--font-size-sm)}.transacciones-tabla .clase-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-light);color:var(--color-primary);padding:6px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-xs);white-space:nowrap}.transacciones-tabla .sin-clase{color:var(--color-text-tertiary);font-style:italic;font-size:var(--font-size-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize;white-space:nowrap}.badge-ingreso{background:var(--color-success-light);color:var(--color-success)}.badge-gasto{background:var(--color-error-light);color:var(--color-error)}.badge-estado-completada{background:var(--color-success-light);color:var(--color-success)}.badge-estado-parcial,.badge-estado-pendiente{background:var(--color-warning-light);color:#b45309}.badge-estado-cancelada{background:var(--color-surface-secondary);color:var(--color-text-tertiary)}.edit-actions{display:flex;align-items:center;justify-content:center;gap:6px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-tertiary)}.btn-icon:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.btn-icon.btn-edit:hover{color:var(--color-primary);background:var(--color-primary-light)}.btn-icon.btn-delete:hover{color:var(--color-error);background:var(--color-error-light)}.btn-icon.btn-save{color:var(--color-success)}.btn-icon.btn-save:hover{background:var(--color-success-light)}.btn-icon.btn-cancel{color:var(--color-error)}.btn-icon.btn-cancel:hover{background:var(--color-error-light)}.edit-input,.edit-select{padding:6px 10px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);width:100%;max-width:140px;background:var(--color-surface)}.edit-input-number{max-width:90px;text-align:right}.resumen-detallado{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-lg);border:1px solid var(--color-border)}.resumen-detallado h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-md);font-weight:700;color:var(--color-text-primary)}.metodos-pago-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.metodo-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-secondary);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.metodo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.metodo-card .metodo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-surface);display:flex;align-items:center;justify-content:center;color:var(--color-primary);box-shadow:var(--shadow-xs)}.metodo-card .metodo-nombre{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em}.metodo-card .metodo-total{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary);font-size:var(--font-size-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary)}.empty-state p{margin:0;font-size:var(--font-size-md)}.error-message{background:var(--color-error-light);color:var(--color-error);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-weight:500;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm)}.success-message{background:var(--color-success-light);color:var(--color-success);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-weight:500;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm)}@media (max-width: 1024px){.caja-dashboard{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(3,1fr)}.date-selector-card{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-md)}.metodos-pago-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.caja-container{padding:var(--space-md)}.dashboard-stats{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-md)}.stat-card .stat-header{flex-direction:row-reverse;gap:var(--space-sm)}.tipo-tabs{flex-direction:column}.tipo-tabs .tab{justify-content:flex-start}.button-group,.productos-grid{grid-template-columns:1fr}.metodo-pago-buttons{grid-template-columns:repeat(2,1fr)}.metodos-pago-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.caja-container{padding:var(--space-sm)}.caja-header h1{font-size:var(--font-size-lg)}.date-selector-card{flex-direction:column;gap:var(--space-sm)}.stat-card{padding:var(--space-sm)}.stat-card .stat-value{font-size:var(--font-size-lg)}.stat-card .stat-label{font-size:var(--font-size-xs)}.metodo-pago-buttons,.metodos-pago-grid{grid-template-columns:1fr}.tipo-tabs .tab{padding:var(--space-sm);font-size:var(--font-size-xs)}.modal-content{margin:var(--space-sm);max-width:calc(100% - var(--space-lg))}.modal-header,.modal-body,.modal-footer{padding:var(--space-md)}.form-group input,.form-group select{font-size:16px}}.caja-header-compact,.header-controls,.stats-inline{display:none}[data-theme=dark] .caja-container{background:transparent}[data-theme=dark] .stat-card,[data-theme=dark] .quick-add-panel{background:var(--color-surface)}[data-theme=dark] .panel-title{color:var(--color-text-primary)}[data-theme=dark] .metodo-btn{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .metodo-btn:hover{background:var(--color-surface)}[data-theme=dark] .metodo-btn.active{border-color:var(--color-primary)}[data-theme=dark] .tipo-btn{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .tipo-btn:hover,[data-theme=dark] .movements-panel{background:var(--color-surface)}[data-theme=dark] .movements-header{border-color:var(--color-border)}[data-theme=dark] .movements-header h3{color:var(--color-text-primary)}[data-theme=dark] .filter-btn{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .filter-btn:hover,[data-theme=dark] .filter-btn.active{background:var(--color-primary-light)}[data-theme=dark] .movement-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .movement-item:hover{background:var(--color-surface-secondary)}[data-theme=dark] .movement-description{color:var(--color-text-primary)}[data-theme=dark] .movement-details{color:var(--color-text-secondary)}[data-theme=dark] .movement-time{color:var(--color-text-tertiary)}[data-theme=dark] .modal-footer{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .tipo-tabs{background:var(--color-surface-secondary)}[data-theme=dark] .tipo-tabs .tab{color:var(--color-text-secondary)}[data-theme=dark] .tipo-tabs .tab.active{background:var(--color-surface);color:var(--color-text-primary)}.config-container{max-width:1200px;margin:0 auto;padding:var(--space-lg)}.config-container h2{margin-bottom:var(--space-lg);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em}.tab-nav{display:flex;gap:var(--space-xs);padding:var(--space-xs);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-xl);width:fit-content}.tab-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:var(--shadow-sm)}.tab-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl)}.tab-content.classes-tab{display:block}.classes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.class-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.class-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.class-header{padding:var(--space-md);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center}.class-name{font-size:var(--font-size-md)}.class-details{padding:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.class-details p{margin:var(--space-xs) 0}.class-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);justify-content:flex-end}.btn-edit,.btn-delete{padding:8px 12px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:500;transition:all var(--transition-fast)}.btn-edit{background:var(--color-primary);color:#fff}.btn-edit:hover{background:var(--color-primary-hover)}.btn-delete{background:var(--color-error);color:#fff}.btn-delete:hover{background:#dc2626}.class-edit-form{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.class-edit-form input,.color-picker input{padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:inherit}.class-edit-form input:focus,.color-picker input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.color-picker{display:flex;align-items:center;gap:var(--space-sm)}.color-picker label{font-size:var(--font-size-sm);font-weight:600}.color-picker input{width:44px;height:44px;cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.class-edit-buttons{display:flex;gap:var(--space-sm);justify-content:flex-end}.btn-save,.btn-cancel{padding:10px 20px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast)}.btn-save{background:var(--color-success);color:#fff}.btn-save:hover{background:#059669}.btn-cancel{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.btn-cancel:hover{background:#d1d5db}.form-section{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.form-section h3{margin-bottom:var(--space-md);font-size:var(--font-size-lg);font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.form-group input,.form-group select{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.btn-submit{background:var(--color-primary);color:#fff;padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast)}.btn-submit:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.list-section{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.list-section h3{margin-bottom:var(--space-md);font-size:var(--font-size-lg);font-weight:600}.empty{text-align:center;color:var(--color-text-tertiary);padding:var(--space-xl)}table{width:100%;border-collapse:collapse}thead{background:var(--color-surface-secondary)}th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}tbody tr:hover{background:var(--color-surface-secondary)}.monitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg);margin-top:var(--space-md)}.monitor-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast);cursor:grab;box-shadow:var(--shadow-sm)}.monitor-card:active{cursor:grabbing;opacity:.8}.monitor-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.monitor-card-header{padding:var(--space-lg);color:#fff;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);position:relative}.monitor-avatar{width:64px;height:64px;border-radius:50%;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:3px solid rgba(255,255,255,.5)}.monitor-name{margin:0;font-size:var(--font-size-lg);font-weight:600}.monitor-inactive-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:#fffffff2;color:var(--color-error);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.monitor-card-body{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm);background:var(--color-surface-secondary)}.monitor-info{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.monitor-info svg{color:var(--color-text-tertiary);flex-shrink:0}.monitor-card-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-top:1px solid var(--color-border)}.monitor-card-actions .btn-edit,.monitor-card-actions .btn-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.monitor-card-actions .btn-edit:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.monitor-card-actions .btn-delete:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.monitor-edit-form{padding:var(--space-md);background:var(--color-surface-secondary)}.monitor-edit-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm);margin-bottom:var(--space-sm)}.monitor-edit-form .form-group label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.monitor-edit-buttons{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.monitor-edit-buttons .btn-save,.monitor-edit-buttons .btn-cancel{flex:1;padding:10px}.monitors-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.monitor-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;display:flex;transition:all var(--transition-fast);cursor:grab}.monitor-item:hover{box-shadow:var(--shadow-md)}.monitor-color{width:6px;flex-shrink:0}.monitor-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);align-items:center;border-left:1px solid var(--color-border)}.color-picker-monitors{display:flex;align-items:center;gap:var(--space-sm)}.color-picker-monitors input[type=color]{width:44px;height:44px;cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.badge-clase{background:var(--color-primary-light);color:var(--color-primary)}.badge-alquiler{background:var(--color-warning-light);color:#92400e}.badge-guardatablas{background:var(--color-success-light);color:var(--color-success)}.badge-surfing_day{background:#fce7f3;color:#9d174d}.badge-otro{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.precios-tab{display:block!important}.precios-tab .form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.precios-tab .form-section h3{margin:0 0 var(--space-xs) 0;font-size:var(--font-size-lg);font-weight:600}.section-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-md)}.precios-matrix{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.precios-matrix th{background:linear-gradient(135deg,var(--color-primary) 0%,#5856D6 100%);color:#fff;padding:var(--space-sm) var(--space-md);text-align:center;font-weight:600;font-size:var(--font-size-sm)}.precios-matrix th:first-child{background:transparent;color:var(--color-text-primary)}.precios-matrix td{padding:var(--space-sm) var(--space-md);text-align:center;border-bottom:1px solid var(--color-border)}.precios-matrix tbody tr:hover{background:var(--color-surface-secondary)}.duracion-label{font-weight:600;color:var(--color-text-primary);text-align:left!important;background:var(--color-surface-secondary)}.precio-input-wrapper{display:flex;align-items:center;justify-content:center;gap:4px}.precio-input{width:70px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:600;text-align:center;color:var(--color-warning);transition:all var(--transition-fast)}.precio-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.precio-suffix{font-weight:600;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.surfing-day-precios{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-lg)}.surfing-day-precios .form-group{flex:1}.surfing-day-precios input{width:100%;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-warning);text-align:center}.surfing-day-precios input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.bonos-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg)}.bono-config-card{background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.bono-config-card h4{margin:0 0 var(--space-md) 0;font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:var(--space-xs)}.bono-config-card h4:before{content:"🎫"}.bono-config-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.bono-config-card .form-group{margin:0}.bono-config-card .form-group label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.bono-config-card .form-group input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);font-weight:600;text-align:center;background:var(--color-surface)}.bono-config-card .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.save-section{display:flex;align-items:center;gap:var(--space-md);background:var(--color-surface-secondary)!important;border:2px dashed var(--color-border)!important}.btn-save-precios{display:flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-save-precios:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-save-precios:disabled{background:var(--color-text-tertiary);cursor:not-allowed}.btn-save-precios.changed{background:var(--color-primary);animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #007aff66}50%{box-shadow:0 0 0 10px #007aff00}}.unsaved-warning{color:var(--color-warning);font-weight:500;font-size:var(--font-size-sm)}@media (max-width: 768px){.config-container{padding:var(--space-md)}.tab-content{grid-template-columns:1fr;gap:var(--space-lg)}.tab-nav{width:100%;overflow-x:auto;flex-wrap:nowrap}.monitors-grid,.monitor-edit-form .form-row,.form-row{grid-template-columns:1fr}table{font-size:var(--font-size-xs)}th,td{padding:var(--space-sm)}.surfing-day-precios{grid-template-columns:repeat(2,1fr)}.precios-matrix{font-size:var(--font-size-xs)}.precio-input{width:55px;padding:8px}}@media (max-width: 480px){.config-container{padding:var(--space-sm)}.config-header h1{font-size:var(--font-size-lg)}.tab-nav{gap:var(--space-xs);padding-bottom:var(--space-sm)}.tab-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);white-space:nowrap}.card{padding:var(--space-sm)}.card h3{font-size:var(--font-size-md)}.surfing-day-precios{grid-template-columns:1fr}.precios-matrix{overflow-x:auto}.precios-matrix th,.precios-matrix td{padding:var(--space-xs);font-size:10px}.precio-input{width:50px;padding:6px;font-size:12px}.form-group input,.form-group select{font-size:16px}.btn-action,.btn-submit{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.monitor-card{padding:var(--space-sm)}}.mareas-tab{display:flex;flex-direction:column;gap:var(--space-xl)}.tide-upload-section{display:flex;flex-direction:column;gap:var(--space-md);margin:var(--space-lg) 0}.btn-upload-tide{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(to bottom,#007aff,#0056b3);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #007aff4d;width:fit-content}.btn-upload-tide:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.btn-upload-tide:active{transform:translateY(0)}.tide-message{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.tide-message.error{background:#ff3b301a;color:#d32f2f;border:1px solid rgba(255,59,48,.3)}.tide-message.success{background:#34c7591a;color:#2e7d32;border:1px solid rgba(52,199,89,.3)}.tide-format-help{background:#007aff0d;border:1px solid rgba(0,122,255,.15);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-md)}.tide-format-help h4{display:flex;align-items:center;gap:var(--space-sm);margin:0 0 var(--space-sm);font-size:var(--font-size-md);color:#007aff}.tide-format-help p{margin:0 0 var(--space-md);color:#666}.format-example{background:#1e1e1e;color:#d4d4d4;padding:var(--space-md);border-radius:var(--radius-md);font-family:SF Mono,Monaco,Consolas,monospace;font-size:var(--font-size-sm);overflow-x:auto;white-space:pre;line-height:1.5}.tide-data-preview{display:flex;flex-direction:column;gap:var(--space-xs);background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-lg);padding:var(--space-md);margin:var(--space-md) 0;max-height:400px;overflow-y:auto}.tide-day-item{display:grid;grid-template-columns:120px 1fr 1fr;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#00000005}.tide-day-item:nth-child(odd){background:#0000000a}.tide-day-item.more{text-align:center;color:#666;font-style:italic;grid-template-columns:1fr}.tide-date{font-weight:600;color:#333;text-transform:capitalize}.tide-high-times{color:#d32f2f}.tide-low-times{color:#2e7d32}.btn-clear-tides{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#ff3b301a;color:#d32f2f;border:1px solid rgba(255,59,48,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.btn-clear-tides:hover{background:#ff3b3033}.no-data-message{color:#666;font-style:italic;padding:var(--space-lg);text-align:center;background:#00000005;border-radius:var(--radius-lg)}.tema-tab{display:block!important}.tema-tab .section-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.theme-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl);max-width:500px}.theme-card{position:relative;border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-fast)}.theme-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.theme-preview{height:100px;padding:var(--space-sm)}.light-preview{background:#f5f5f7}.light-preview .preview-header{height:16px;background:#fff;border-radius:4px;margin-bottom:var(--space-sm);box-shadow:0 1px 3px #0000001a}.light-preview .preview-content{background:#fff;border-radius:4px;padding:var(--space-sm);box-shadow:0 1px 3px #0000001a}.light-preview .preview-line{height:8px;background:#e5e5e5;border-radius:4px;margin-bottom:6px}.light-preview .preview-line.short{width:60%;margin-bottom:0}.dark-preview{background:#1c1c1e}.dark-preview .preview-header{height:16px;background:#2c2c2e;border-radius:4px;margin-bottom:var(--space-sm)}.dark-preview .preview-content{background:#2c2c2e;border-radius:4px;padding:var(--space-sm)}.dark-preview .preview-line{height:8px;background:#3a3a3c;border-radius:4px;margin-bottom:6px}.dark-preview .preview-line.short{width:60%;margin-bottom:0}.theme-info{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);font-weight:600;color:var(--color-text-primary)}.theme-check{position:absolute;top:var(--space-sm);right:var(--space-sm);width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.theme-toggle-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.theme-toggle-label{display:flex;align-items:center;justify-content:space-between;max-width:400px;font-weight:500;color:var(--color-text-primary);cursor:pointer}.theme-toggle-btn{position:relative;width:60px;height:32px;background:none;border:none;padding:0;cursor:pointer}.toggle-track{display:flex;align-items:center;width:100%;height:100%;background:#e5e5e5;border-radius:16px;position:relative;transition:background var(--transition-fast)}.theme-toggle-btn.dark .toggle-track{background:var(--color-primary)}.toggle-icon{position:absolute;z-index:1;transition:opacity var(--transition-fast)}.toggle-icon.sun{left:8px;color:#ff9500;opacity:1}.toggle-icon.moon{right:8px;color:#fff;opacity:.5}.theme-toggle-btn.dark .toggle-icon.sun{opacity:.5}.theme-toggle-btn.dark .toggle-icon.moon{opacity:1}.toggle-thumb{position:absolute;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;left:3px;transition:transform var(--transition-fast)}.theme-toggle-btn.dark .toggle-thumb{transform:translate(28px)}.theme-note{margin-top:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-tertiary);max-width:400px}[data-theme=dark] .light-preview{border:1px solid rgba(255,255,255,.1)}[data-theme=dark] .toggle-track{background:#3a3a3c}[data-theme=dark] .theme-toggle-btn.dark .toggle-track{background:var(--color-primary)}[data-theme=dark] .tide-date{color:var(--color-text-primary)}[data-theme=dark] .no-data-message{color:var(--color-text-secondary);background:#ffffff05}[data-theme=dark] .tide-day-item:nth-child(odd){background:#ffffff0a}[data-theme=dark] .tide-day-item.more{color:var(--color-text-secondary)}body.dragging{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}body.dragging *{user-select:none!important;-webkit-user-select:none!important}.reservation-sheet{display:flex;flex-direction:column;height:100%;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sheet-header{padding:10px 20px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.date-selector{display:flex;align-items:center;gap:16px;max-width:400px;margin:0 auto}.date-selector h2{margin:0;flex:1;text-align:center;font-size:16px;font-weight:600;color:#1d1d1f;letter-spacing:-.022em}.btn-nav{width:32px;height:32px;background:#00000008;border:none;color:#1d1d1f;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.btn-nav:hover{background:#007aff1a;color:#007aff;transform:scale(1.05)}.btn-nav:active{transform:scale(.95)}.sheet-content{display:flex;flex:1;gap:0;overflow:hidden;background:#f5f5f7;min-height:0}.templates-panel{width:180px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-right:.5px solid rgba(0,0,0,.1);display:flex;flex-direction:column;overflow-y:auto;padding:12px}.templates-panel h3{margin:0 0 10px;font-size:11px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.02em}.templates-list{display:flex;flex-direction:column;gap:6px}.template-card{padding:10px 12px;background:#fff;border:none;border-radius:10px;cursor:grab;transition:all .25s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #0000000a,0 2px 8px #0000000a}.template-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014,0 8px 24px #0000000f}.template-card:active{cursor:grabbing;transform:scale(.98);opacity:.8}.template-name{font-size:13px;font-weight:600;color:#1d1d1f;margin-bottom:2px;letter-spacing:-.01em}.template-duration{font-size:11px;color:#86868b;font-weight:500}.schedule-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f7;min-height:0;user-select:none;-webkit-user-select:none}.schedule-container{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;padding:8px;overflow:hidden}.schedule-grid{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}.schedule-grid-inner{display:flex;flex-direction:column}.schedule-header{display:grid;grid-template-columns:var(--grid-columns, 50px repeat(5, minmax(130px, 1fr)));gap:1px;background:#0000000f;position:sticky;top:0;z-index:11;height:44px}.time-column-header{background:#fafafa;display:flex;align-items:center;justify-content:center;font-weight:600;color:#86868b;font-size:9px;text-transform:uppercase;letter-spacing:.02em;position:sticky;left:0;z-index:12;min-width:50px;border-right:.5px solid rgba(0,0,0,.08)}.monitor-column-header{background:linear-gradient(180deg,#fff,#f9f9f9);display:flex;align-items:center;justify-content:center;padding:4px 8px}.monitor-badge{background:linear-gradient(180deg,#1d1d1f,#2c2c2e);color:#fff;padding:6px 14px;border-radius:14px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:-.01em;box-shadow:0 1px 4px #0000001f;text-transform:capitalize}.monitor-badge.sin-asignar{background:linear-gradient(180deg,#8e8e93,#636366)}.schedule-body{display:grid;grid-template-columns:var(--grid-columns, 50px repeat(5, minmax(130px, 1fr)));gap:0;background:#fff;flex:1;align-content:start;grid-auto-rows:minmax(15px,1fr)}.schedule-row{display:contents}.schedule-row.hour-mark .schedule-cell,.schedule-cell.hour-mark{border-top:1.5px solid rgba(0,0,0,.15)}.time-slot{background:#fafafa;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#86868b;font-variant-numeric:tabular-nums;position:sticky;left:0;z-index:6;border-right:.5px solid rgba(0,0,0,.08);border-bottom:none;min-width:50px}.time-slot.hour-mark{color:#1d1d1f;font-weight:600;background:#f0f0f2;border-bottom:1px solid rgba(0,0,0,.08)}.time-slot.tide-high{background:rgba(255,59,48,calc(.08 + var(--tide-intensity, .5) * .35))!important;color:rgba(180,40,35,calc(.6 + var(--tide-intensity, .5) * .4));font-weight:500}.time-slot.tide-low{background:rgba(52,199,89,calc(.08 + var(--tide-intensity, .5) * .35))!important;color:rgba(30,120,60,calc(.6 + var(--tide-intensity, .5) * .4));font-weight:500}.schedule-cell.tide-high{background:rgba(255,59,48,calc(.05 + var(--tide-intensity, .5) * .25))!important}.schedule-cell.tide-low{background:rgba(52,199,89,calc(.05 + var(--tide-intensity, .5) * .25))!important}.schedule-cell.monitor-cell-odd.tide-high{background:rgba(255,59,48,calc(.06 + var(--tide-intensity, .5) * .28))!important}.schedule-cell.monitor-cell-odd.tide-low{background:rgba(52,199,89,calc(.06 + var(--tide-intensity, .5) * .28))!important}.schedule-row.tide-exact-high .schedule-cell,.schedule-row.tide-exact-high .time-slot{border-top:2.5px solid rgba(180,40,35,.7)!important}.schedule-row.tide-exact-low .schedule-cell,.schedule-row.tide-exact-low .time-slot{border-top:2.5px solid rgba(30,120,60,.7)!important}.time-slot.tide-exact-high{border-top:2.5px solid rgba(180,40,35,.7)!important}.time-slot.tide-exact-low{border-top:2.5px solid rgba(30,120,60,.7)!important}.schedule-cell.tide-exact-high{border-top:2.5px solid rgba(180,40,35,.7)!important}.schedule-cell.tide-exact-low{border-top:2.5px solid rgba(30,120,60,.7)!important}.schedule-cell{background:#fff;transition:all .15s ease;min-height:15px;height:100%;position:relative;border-bottom:none;user-select:none;-webkit-user-select:none}.schedule-cell.monitor-cell-even{background:#fff}.schedule-cell.monitor-cell-odd{background:#fafafa}.schedule-cell.empty-cell{cursor:cell}.schedule-cell.empty-cell:hover{background:#007aff14}.schedule-cell.empty-cell:hover:after{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#007aff;font-size:20px;font-weight:300;opacity:.6;pointer-events:none}.schedule-cell.drop-preview{background:#007aff1f!important}.schedule-cell.drop-preview-start{position:relative;overflow:visible}.drop-preview-indicator{position:absolute;top:0;left:2px;right:2px;min-height:100%;background:linear-gradient(135deg,#007aff40,#007aff26);border:2px dashed #007aff;border-radius:8px;pointer-events:none;z-index:10;box-shadow:0 4px 16px #007aff33,inset 0 0 0 1px #ffffff80;animation:dropPulse 1s ease-in-out infinite}@keyframes dropPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.01)}}.class-block{display:flex;align-items:stretch;justify-content:stretch;overflow:hidden;border:none;position:relative;z-index:5;cursor:grab;border-radius:6px;margin:1px 2px;transition:all .15s ease;user-select:none;-webkit-user-select:none;-webkit-user-drag:element}.class-block:hover{transform:scale(1.02);z-index:10}.class-block:active{cursor:grabbing}.class-block[draggable=true]:active{opacity:.6;transform:scale(1.05);box-shadow:0 8px 24px #0003,0 16px 48px #00000026;z-index:100}body.dragging .class-block *,body.dragging .template-card *{pointer-events:none}.class-block.completed{cursor:default;opacity:.55;filter:grayscale(.3)}.class-block.upcoming{cursor:grab;box-shadow:0 2px 8px #00000014,0 4px 16px #0000000f}.class-block.upcoming:hover{box-shadow:0 4px 16px #0000001f,0 8px 32px #00000014}.class-block-content{position:relative;width:100%;height:100%;padding:2px 6px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:4px;overflow:hidden}.class-block.short-block .class-block-content{flex-direction:row;flex-wrap:nowrap;padding:1px 4px;gap:4px}.class-block.tall-block .class-block-content{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;padding:4px 8px}.class-header-row{display:flex;flex-direction:row;align-items:center;gap:6px;width:100%;flex-wrap:nowrap;overflow:hidden}.class-type-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#00000026;color:#000000b3;font-weight:800;font-size:10px;flex-shrink:0}.class-count{font-size:10px;font-weight:700;color:#0009;flex-shrink:0}.class-status{display:none}.class-name{font-weight:700;font-size:11px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.class-time{font-size:9px;font-weight:600;opacity:.7;line-height:1;white-space:nowrap;flex-shrink:0}.class-client{font-weight:600;font-size:11px;line-height:1.1;color:#000000d9;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.class-participants{font-size:10px;font-weight:600;opacity:.75;display:flex;align-items:center;gap:2px;flex-shrink:0}.class-notes{font-size:9px;font-weight:500;color:#0009;line-height:1.1;cursor:pointer;padding:1px 3px;border-radius:3px;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.class-notes:hover{background:#00000014;color:#007aff}.class-notes.copied{background:#34c75933;color:#34c759}.class-notes.copied:after{content:" ✓ Copiado";font-weight:600}.phone-copy-btn{background:#007aff26;border:none;color:#007aff;width:20px;height:20px;border-radius:6px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;margin-left:auto}.phone-copy-btn:hover{background:#007aff40;transform:scale(1.1)}.phone-copy-btn.copied{background:#34c75933;color:#34c759}.class-notes-row{display:flex;align-items:center;gap:6px;width:100%}.class-notes-text{font-size:9px;font-weight:500;color:#0009;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.phone-copy-btn-inline{background:#007aff1f;border:none;color:#007aff;width:18px;height:18px;border-radius:5px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.phone-copy-btn-inline:hover{background:#007aff38;transform:scale(1.05)}.phone-copy-btn-inline.copied{background:#34c7592e;color:#34c759}.phone-copy-btn-standalone{display:flex;align-items:center;gap:4px;background:#007aff1a;border:none;color:#007aff;font-size:9px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.phone-copy-btn-standalone:hover{background:#007aff33}.phone-copy-btn-standalone.copied{background:#34c75926;color:#34c759}.btn-delete-class{position:absolute;top:2px;right:2px;background:#0000001a;border:none;color:#00000080;width:14px;height:14px;border-radius:7px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease}.class-block:hover .btn-delete-class{opacity:1}.btn-delete-class:hover{background:#ff3b30;color:#fff;transform:scale(1.1)}.class-block.tipo-particular{background:linear-gradient(145deg,#e3f2fd,#bbdefb)!important;border-left:3px solid #007aff!important}.class-block.tipo-particular .class-name{color:#0055b3!important}.class-block.tipo-particular .class-status{color:#007aff!important}.class-block.tipo-surfing_day{background:linear-gradient(145deg,#fff9c4,#fff176)!important;border-left:3px solid #f9a825!important}.class-block.tipo-surfing_day .class-name{color:#f57f17!important}.class-block.tipo-surfing_day .class-status{color:#f9a825!important}.class-block.tipo-uda,.class-block.tipo-anual{background:linear-gradient(145deg,#ffe0b2,#ffcc80)!important;border-left:3px solid #ff9800!important}.class-block.tipo-uda .class-name,.class-block.tipo-anual .class-name{color:#e65100!important}.class-block.tipo-uda .class-status,.class-block.tipo-anual .class-status{color:#ff9800!important}.class-block.tipo-grupos_invierno{background:linear-gradient(145deg,#e0f2f1,#b2dfdb)!important;border-left:3px solid #00897b!important}.class-block.tipo-grupos_invierno .class-name{color:#00695c!important}.class-block.tipo-grupos_invierno .class-status{color:#00897b!important}.surfing-day-participants{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}.participant-chip{display:inline-flex;align-items:center;background:#ffffffd9;border:1px solid rgba(0,0,0,.08);border-radius:100px;padding:1px 6px;font-size:8px;color:#1d1d1f;font-weight:500;box-shadow:0 1px 2px #0000000a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:20px;box-shadow:0 20px 60px #0003,0 0 0 .5px #0000001a;max-width:420px;width:90%;max-height:80vh;overflow-y:auto;animation:modalSlideIn .35s cubic-bezier(.25,.46,.45,.94)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:.5px solid rgba(0,0,0,.1)}.modal-header h3{margin:0;font-size:17px;font-weight:600;color:#1d1d1f;letter-spacing:-.022em}.btn-close{background:#0000000f;border:none;color:#86868b;cursor:pointer;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:#0000001a;color:#1d1d1f}.form-group label{display:block;font-size:13px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:15px;font-family:inherit;background:#fff;color:#1d1d1f;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.form-group input:disabled{background:#f5f5f7;color:#86868b;cursor:not-allowed}.form-group input::placeholder{color:#c7c7cc}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:.5px solid rgba(0,0,0,.1);background:#00000005}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.01em}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0062cc;transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:#0000000f;color:#1d1d1f}.btn-secondary:hover{background:#0000001a}.btn-danger{background:#ff3b30;color:#fff;margin-right:auto}.btn-danger:hover{background:#d32f2f}.context-menu{background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:12px;box-shadow:0 4px 20px #00000026,0 0 0 .5px #0000001a;z-index:1001;min-width:200px;overflow:hidden;padding:6px}.context-menu-item{width:100%;padding:10px 14px;background:none;border:none;border-radius:8px;text-align:left;cursor:pointer;font-size:14px;color:#1d1d1f;display:flex;align-items:center;gap:10px;transition:all .15s}.context-menu-item:hover{background:#007aff1a;color:#007aff}.context-menu-item.delete{color:#ff3b30}.context-menu-item.delete:hover{background:#ff3b301a}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#86868b;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid rgba(0,122,255,.2);border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:15px;font-weight:500}@media (max-width: 768px){.sheet-content{flex-direction:column}.templates-panel{width:100%;border-right:none;border-bottom:.5px solid rgba(0,0,0,.1);max-height:100px;flex-direction:row;overflow-x:auto;padding:12px 16px;gap:12px}.templates-list{flex-direction:row;gap:8px}.template-card{min-width:130px;flex-shrink:0}.templates-panel h3{display:none}.schedule-container{padding:4px}.schedule-grid{border-radius:10px}.schedule-header{height:48px}.monitor-badge{font-size:11px;padding:5px 10px}.time-slot{font-size:10px}.class-block-content{padding:6px 8px}.class-name{font-size:12px}.class-participants{font-size:10px}.modal-content{max-width:95%;margin:16px;border-radius:16px}}@media (max-width: 480px){.templates-panel{max-height:80px;padding:8px 12px}.template-card{min-width:100px;padding:8px}.template-name{font-size:11px}.schedule-container{padding:2px}.schedule-grid{border-radius:8px}.schedule-header{height:40px}.monitor-badge{font-size:10px;padding:4px 8px;border-radius:10px}.time-slot{font-size:9px}.class-block-content{padding:4px 6px}.class-name{font-size:10px}.class-participants{font-size:9px}.class-details{font-size:8px}.modal-content{max-width:100%;margin:8px;border-radius:12px;max-height:calc(100vh - 16px)}.modal-header,.modal-body{padding:12px 16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:14px;padding:10px 12px}.modal-footer{padding:12px 16px;gap:8px}.btn-primary,.btn-secondary{padding:10px 16px;font-size:13px}}.schedule-panel::-webkit-scrollbar,.templates-panel::-webkit-scrollbar,.schedule-body::-webkit-scrollbar,.schedule-grid::-webkit-scrollbar{width:8px;height:8px}.schedule-panel::-webkit-scrollbar-track,.templates-panel::-webkit-scrollbar-track,.schedule-body::-webkit-scrollbar-track,.schedule-grid::-webkit-scrollbar-track{background:#00000008;border-radius:4px}.schedule-panel::-webkit-scrollbar-thumb,.templates-panel::-webkit-scrollbar-thumb,.schedule-body::-webkit-scrollbar-thumb,.schedule-grid::-webkit-scrollbar-thumb{background:#0003;border-radius:100px}.schedule-panel::-webkit-scrollbar-thumb:hover,.templates-panel::-webkit-scrollbar-thumb:hover,.schedule-body::-webkit-scrollbar-thumb:hover,.schedule-grid::-webkit-scrollbar-thumb:hover{background:#00000059}.schedule-grid::-webkit-scrollbar-corner{background:#00000008}@keyframes pulseGlow{0%,to{box-shadow:0 2px 8px #00000014}50%{box-shadow:0 4px 16px #007aff33}}.class-block.completed .class-name{text-decoration:line-through;text-decoration-color:#0000004d}.class-block.dragging{opacity:.6;transform:scale(1.05) rotate(2deg);box-shadow:0 10px 40px #0003;z-index:100}.schedule-cell.drag-over{background:#007aff26!important;box-shadow:inset 0 0 0 2px #007aff}.tooltip{background:#1d1d1ff2;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;box-shadow:0 4px 16px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:200px;text-align:center}.monitor-select{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 14px;font-size:14px;color:#1d1d1f;cursor:pointer;transition:all .2s;min-width:150px}.monitor-select:hover{border-color:#007aff}.monitor-select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 4px #007aff1a}.time-indicator{position:absolute;left:0;right:0;height:2px;background:#ff3b30;z-index:8;pointer-events:none}.time-indicator:before{content:"";position:absolute;left:55px;top:-4px;width:10px;height:10px;background:#ff3b30;border-radius:50%;box-shadow:0 2px 6px #ff3b3066}.quick-actions{display:flex;gap:8px;padding:12px 16px;background:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid rgba(0,0,0,.1)}.quick-action-btn{padding:8px 16px;background:#0000000a;border:none;border-radius:20px;font-size:13px;font-weight:500;color:#1d1d1f;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.quick-action-btn:hover{background:#007aff1a;color:#007aff}.quick-action-btn.active{background:#007aff;color:#fff}.cupertino-tooltip{position:absolute;transform:translate(-50%) translateY(-100%);background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:12px;padding:12px 14px;min-width:180px;max-width:280px;box-shadow:0 0 0 .5px #00000014,0 4px 12px #0000001f,0 8px 24px #00000014;z-index:1000;animation:tooltipFadeIn .15s ease-out;pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-90%)}to{opacity:1;transform:translate(-50%) translateY(-100%)}}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fffffff2;border-radius:2px;transform:translate(-50%) rotate(45deg);box-shadow:2px 2px 4px #0000000f}.cupertino-tooltip.tooltip-below{transform:translate(-50%) translateY(0)}.cupertino-tooltip.tooltip-below .tooltip-arrow{bottom:auto;top:-6px;box-shadow:-2px -2px 4px #0000000f}@keyframes tooltipFadeInBelow{0%{opacity:0;transform:translate(-50%) translateY(10%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cupertino-tooltip.tooltip-below{animation:tooltipFadeInBelow .15s ease-out}.tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.tooltip-type{font-weight:700;font-size:13px;letter-spacing:-.02em}.tooltip-time{font-size:11px;font-weight:600;color:#86868b;white-space:nowrap}.tooltip-client{font-size:13px;font-weight:600;color:#1d1d1f;margin-bottom:4px}.tooltip-details{display:flex;flex-direction:column;gap:4px;margin:8px 0;padding:8px;background:#00000008;border-radius:6px}.tooltip-detail{display:flex;justify-content:space-between;align-items:center;font-size:11px}.tooltip-detail .detail-label{color:#6e6e73;font-weight:500}.tooltip-detail .detail-value{color:#1d1d1f;font-weight:600}.tooltip-notes{font-size:11px;color:#6e6e73;line-height:1.3;margin-bottom:8px;word-break:break-word}.tooltip-phone-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px 12px;background:#007aff1a;border:none;border-radius:8px;font-size:12px;font-weight:600;color:#007aff;cursor:pointer;transition:all .2s ease}.tooltip-phone-btn:hover{background:#007aff2e}.tooltip-phone-btn:active{transform:scale(.98)}.tooltip-phone-btn.copied{background:#34c75926;color:#34c759}.tooltip-phone-btn.copied:hover{background:#34c75933}.tooltip-payment-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;font-size:13px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s ease;margin-top:8px;margin-bottom:8px;box-shadow:0 2px 8px #10b9814d}.tooltip-payment-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.tooltip-payment-btn:active{transform:scale(.98)}.tooltip-detail.deposit-info .detail-value{color:#10b981;font-weight:600}.tooltip-detail.pending-info .detail-value.pending{color:#ef4444;font-weight:700}.payment-modal{max-width:400px}.payment-summary{background:#f8fafc;border-radius:12px;padding:16px}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.payment-row:last-child{border-bottom:none}.payment-row.total{margin-top:8px;padding-top:12px;border-top:2px solid #10b981;border-bottom:none}.payment-row.total .payment-label{font-size:16px;font-weight:700}.payment-row.total .payment-value{font-size:20px;font-weight:800;color:#10b981}.payment-label{font-size:13px;color:#64748b}.payment-value{font-size:14px;font-weight:600;color:#1e293b}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.payment-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.payment-method-btn:hover{border-color:#667eea;color:#667eea}.payment-method-btn.active{border-color:#10b981;background:#10b98114;color:#10b981}.surfing-day-participants{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}.participants-header{font-size:11px;font-weight:600;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.participants-list{display:flex;flex-direction:column;gap:6px;max-height:150px;overflow-y:auto}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#00000008;border-radius:6px;gap:10px}.participant-name{font-size:12px;color:#333;font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-phone{display:flex;align-items:center;gap:4px;font-size:11px;color:#007aff;text-decoration:none;padding:4px 8px;background:#007aff1a;border-radius:4px;transition:all .15s ease;white-space:nowrap}.participant-phone:hover{background:#007aff33;color:#0056b3}.participant-phone:active{transform:scale(.98)}.participant-phone svg{flex-shrink:0}[data-theme=dark] .reservation-sheet{background:#1c1c1e}[data-theme=dark] .sheet-header{background:#2c2c2eb8;border-bottom-color:#ffffff1a}[data-theme=dark] .date-selector h2{color:var(--color-text-primary)}[data-theme=dark] .btn-nav{background:#ffffff0d;color:var(--color-text-primary)}[data-theme=dark] .btn-nav:hover{background:#0a84ff33;color:#0a84ff}[data-theme=dark] .sheet-content{background:#1c1c1e}[data-theme=dark] .templates-panel{background:#2c2c2eb8;border-right-color:#ffffff1a}[data-theme=dark] .panel-title{color:var(--color-text-secondary)}[data-theme=dark] .template-card{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .template-name{color:var(--color-text-primary)}[data-theme=dark] .template-duration,[data-theme=dark] .template-price{color:var(--color-text-secondary)}[data-theme=dark] .schedule-container{background:#2c2c2e80}[data-theme=dark] .schedule-grid{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .time-header{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .monitor-header{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .monitor-name{color:var(--color-text-primary)}[data-theme=dark] .time-cell{background:var(--color-surface-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}[data-theme=dark] .slot-cell{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .slot-cell:hover{background:var(--color-surface-secondary)}[data-theme=dark] .slot-cell.drop-target{background:#0a84ff26}[data-theme=dark] .groups-panel{background:#2c2c2eb8;border-left-color:#ffffff1a}[data-theme=dark] .day-group h4{color:var(--color-text-primary)}[data-theme=dark] .group-card{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .group-name{color:var(--color-text-primary)}[data-theme=dark] .group-count,[data-theme=dark] .group-time{color:var(--color-text-secondary)}[data-theme=dark] .modal-content,[data-theme=dark] .reservation-modal,[data-theme=dark] .edit-modal{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .modal-header{border-bottom-color:var(--color-border)}[data-theme=dark] .modal-header h2,[data-theme=dark] .modal-header h3{color:var(--color-text-primary)}[data-theme=dark] .modal-footer{border-top-color:var(--color-border)}[data-theme=dark] .btn-secondary,[data-theme=dark] .btn-cancel{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .class-tooltip,[data-theme=dark] .cupertino-tooltip{background:#2c2c2e;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0009}[data-theme=dark] .tooltip-arrow{background:#2c2c2e;box-shadow:2px 2px 6px #0006}[data-theme=dark] .tooltip-header{background:#3a3a3c;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=dark] .tooltip-type{color:#fff}[data-theme=dark] .tooltip-time{color:#a1a1a6}[data-theme=dark] .tooltip-client,[data-theme=dark] .tooltip-client-name{color:#fff}[data-theme=dark] .tooltip-status{color:#a1a1a6}[data-theme=dark] .tooltip-details{background:#ffffff14;border:1px solid rgba(255,255,255,.08)}[data-theme=dark] .tooltip-detail .detail-label{color:#a1a1a6}[data-theme=dark] .tooltip-detail .detail-value{color:#fff}[data-theme=dark] .tooltip-notes{color:#a1a1a6}[data-theme=dark] .tooltip-phone-btn{background:#0a84ff33;color:#4da6ff;border:1px solid rgba(10,132,255,.3)}[data-theme=dark] .tooltip-phone-btn:hover{background:#0a84ff4d}[data-theme=dark] .tooltip-payment-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 10px #10b98166}[data-theme=dark] .tooltip-payment-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 15px #10b98180}[data-theme=dark] .payment-modal .modal-content{background:var(--color-surface)}[data-theme=dark] .payment-summary{background:var(--color-surface-secondary)}[data-theme=dark] .payment-row{border-bottom-color:var(--color-border)}[data-theme=dark] .payment-row.total{border-top-color:#10b981}[data-theme=dark] .payment-label{color:var(--color-text-secondary)}[data-theme=dark] .payment-value{color:var(--color-text-primary)}[data-theme=dark] .payment-method-btn{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-secondary)}[data-theme=dark] .payment-method-btn:hover{border-color:#667eea;color:#818cf8}[data-theme=dark] .payment-method-btn.active{border-color:#10b981;background:#10b98126;color:#34d399}[data-theme=dark] .surfing-day-participants{border-top-color:#ffffff1a}[data-theme=dark] .participants-header{color:var(--color-text-tertiary)}[data-theme=dark] .participant-item{background:#ffffff0d}[data-theme=dark] .participant-name{color:var(--color-text-primary)}[data-theme=dark] .participant-phone{background:#0a84ff26;color:#0a84ff}[data-theme=dark] .participant-phone:hover{background:#0a84ff40}[data-theme=dark] .empty-state,[data-theme=dark] .no-clases{color:var(--color-text-tertiary)}[data-theme=dark] .class-time,[data-theme=dark] .class-client,[data-theme=dark] .class-details{text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=dark] .time-slot.tide-high{background:rgba(255,150,140,calc(.06 + var(--tide-intensity, .5) * .14))!important;color:rgba(255,180,170,calc(.6 + var(--tide-intensity, .5) * .3))}[data-theme=dark] .time-slot.tide-low{background:rgba(130,200,160,calc(.06 + var(--tide-intensity, .5) * .14))!important;color:rgba(160,210,180,calc(.6 + var(--tide-intensity, .5) * .3))}[data-theme=dark] .schedule-cell.tide-high{background:rgba(255,150,140,calc(.04 + var(--tide-intensity, .5) * .1))!important}[data-theme=dark] .schedule-cell.tide-low{background:rgba(130,200,160,calc(.04 + var(--tide-intensity, .5) * .1))!important}[data-theme=dark] .schedule-cell.monitor-cell-odd.tide-high{background:rgba(255,150,140,calc(.05 + var(--tide-intensity, .5) * .11))!important}[data-theme=dark] .schedule-cell.monitor-cell-odd.tide-low{background:rgba(130,200,160,calc(.05 + var(--tide-intensity, .5) * .11))!important}.surfing-day-calendar{padding:20px;height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px;flex-wrap:wrap;flex-shrink:0}.calendar-header h2{margin:0;font-size:24px;color:#1f2937;white-space:nowrap}.date-controls{display:flex;align-items:center;gap:15px;background:#f3f4f6;padding:10px 15px;border-radius:8px}.date-controls input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;background:#fff}.week-range{font-size:14px;color:#6b7280;font-weight:500;white-space:nowrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden}@media (max-width: 1400px){.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.day-column{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.day-header{margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #3b82f6;flex-shrink:0}.day-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;text-align:center}.groups-container{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.group-box{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;padding:10px;border-left:4px solid #3b82f6}.group-box.full{border-left-color:#ef4444;background:#fef2f2}.group-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px}.group-number{font-weight:600;color:#1f2937}.group-header-actions{display:flex;align-items:center;gap:6px}.group-count{display:flex;align-items:center;gap:4px;background:#e5e7eb;padding:2px 8px;border-radius:3px;font-weight:500;color:#374151;font-size:11px}.group-count.full{background:#fee2e2;color:#dc2626}.btn-delete-group{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-delete-group:hover{background:#fee2e2;color:#dc2626}.group-time-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;background:#f3f4f6;border-radius:6px;font-size:12px;color:#6b7280}.group-time-row svg{flex-shrink:0}.time-input{border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:12px;width:80px;background:#fff}.time-input:focus{outline:none;border-color:#3b82f6}.btn-add-reservation{display:flex;align-items:center;gap:4px;background:#10b981;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;margin-left:auto;transition:all .2s}.btn-add-reservation:hover:not(:disabled){background:#059669}.btn-add-reservation:disabled{background:#d1d5db;cursor:not-allowed}.slots{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:8px}.slot{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:8px;min-height:50px;display:flex;align-items:stretch;font-size:12px}.slot.empty{background:#f3f4f6;border-style:dashed;justify-content:center;align-items:center;color:#9ca3af;font-weight:500}.slot.empty:has(.clickable:hover){border-color:#3b82f6;background:#eff6ff}.empty-slot.clickable{cursor:pointer;color:#3b82f6;font-weight:500;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:all .2s}.empty-slot.clickable:hover{color:#1d4ed8}.slot.filled{background:#ecfdf5;border-color:#10b981}.empty-slot{color:#9ca3af;font-size:14px}.slot-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.participant-info{display:flex;flex-direction:column;flex:1;min-width:0}.participant-info strong{color:#1f2937;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone{color:#6b7280;font-size:10px;font-weight:500}.slot-actions{display:flex;gap:4px}.btn-remove{background:#fee2e2;border:none;color:#991b1b;width:20px;height:20px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:700;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove:hover{background:#fecaca;color:#7f1d1d}.btn-add-participant{width:100%;padding:6px 8px;background:#dbeafe;border:1px solid #0284c7;color:#0c4a6e;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:6px;transition:all .2s}.btn-add-participant:hover:not(:disabled){background:#bfdbfe;border-color:#0284c7}.btn-add-participant:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.btn-new-group{width:100%;padding:8px;background:#ecfdf5;border:2px dashed #10b981;color:#065f46;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.btn-new-group:hover{background:#d1fae5;border-color:#059669}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-content h3{margin:0 0 20px;color:#1f2937;font-size:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column}.form-field label{font-weight:500;color:#374151;margin-bottom:6px;font-size:13px}.form-field input,.form-field select{padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;font-family:inherit;background:#fff}.form-field input:focus,.form-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:10px;justify-content:flex-end}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@media (max-width: 480px){.surfing-day-container{padding:8px;gap:10px}.toolbar{flex-direction:column;gap:8px}.week-navigation{width:100%;justify-content:space-between}.nav-button{padding:6px 10px}.current-week{font-size:13px;min-width:auto;flex:1}.calendar-grid{grid-template-columns:1fr;gap:8px}.day-column{padding:8px;max-height:none}.day-header h3{font-size:14px}.participant-card{padding:8px}.participant-info h4{font-size:12px}.participant-details{font-size:10px}.hora-badge{font-size:10px;padding:2px 6px}.modal-content{width:95%;padding:16px;margin:8px}.form-grid{gap:10px}.form-field input,.form-field select{font-size:16px;padding:10px}.btn{padding:10px 16px;font-size:14px}}::-webkit-scrollbar-thumb:hover{background:#9ca3af}[data-theme=dark] .surfing-day-container{background:transparent}[data-theme=dark] .toolbar{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .week-navigation{background:var(--color-surface-secondary)}[data-theme=dark] .nav-button{color:var(--color-text-primary)}[data-theme=dark] .nav-button:hover{background:var(--color-surface)}[data-theme=dark] .current-week{color:var(--color-text-primary)}[data-theme=dark] .day-column{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .day-header{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .day-header h3{color:var(--color-text-primary)}[data-theme=dark] .day-header span{color:var(--color-text-secondary)}[data-theme=dark] .participant-card{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .participant-info h4{color:var(--color-text-primary)}[data-theme=dark] .participant-details{color:var(--color-text-secondary)}[data-theme=dark] .form-field label{color:var(--color-text-secondary)}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select,[data-theme=dark] .form-field textarea{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-field input::placeholder,[data-theme=dark] .form-field textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .empty-day{color:var(--color-text-tertiary)}.reservas-page{display:flex;flex-direction:column;height:calc(100vh - 64px);background:var(--color-background);overflow:hidden}.reservas-tabs{display:flex;gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.tab-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tab-button:hover{color:var(--color-text-primary);background:var(--color-surface-secondary)}.tab-button.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.reservas-general-container{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl)}.reservas-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.section-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.reservas-table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-lg));padding:0 var(--space-lg)}.reservas-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.reservas-table thead{background:var(--color-surface-secondary)}.reservas-table th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border)}.reservas-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.reservas-table tbody tr:hover{background:var(--color-surface-secondary)}.reservas-table td{padding:var(--space-sm) var(--space-md);color:var(--color-text-primary)}.no-reservas{text-align:center;padding:var(--space-2xl);color:var(--color-text-tertiary)}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;gap:var(--space-md)}.error-container h2{color:var(--color-error);margin:0;font-size:var(--font-size-lg)}.error-container p{color:var(--color-text-secondary);margin:0}.btn-retry{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-retry:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media (max-width: 768px){.reservas-page{height:calc(100vh - 56px)}.reservas-tabs{padding:var(--space-sm);overflow-x:auto;flex-wrap:nowrap}.tab-button{padding:var(--space-sm);font-size:var(--font-size-xs);white-space:nowrap;flex-shrink:0}.tab-button span{display:none}.reservas-general-container{padding:var(--space-md);gap:var(--space-lg)}.reservas-section{padding:var(--space-md)}.reservas-table{font-size:var(--font-size-xs)}.reservas-table th,.reservas-table td{padding:var(--space-sm)}}@media (max-width: 480px){.reservas-page{height:calc(100vh - 100px)}.reservas-tabs{padding:var(--space-xs);gap:var(--space-xs)}.tab-button{padding:var(--space-xs) var(--space-sm);font-size:10px}.reservas-general-container{padding:var(--space-sm);gap:var(--space-md)}.reservas-section{padding:var(--space-sm);border-radius:var(--radius-md)}.section-title{font-size:var(--font-size-md)}.reservas-table-wrapper{margin:0 calc(-1 * var(--space-sm));padding:0 var(--space-sm)}.reservas-table{font-size:10px}.reservas-table th,.reservas-table td{padding:var(--space-xs)}.no-reservas{padding:var(--space-lg);font-size:var(--font-size-sm)}.btn-retry{padding:10px 20px;font-size:var(--font-size-sm)}}.reservas-page>.reservation-sheet{flex:1;min-height:0}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-lg)}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:420px;padding:var(--space-2xl);animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-logo{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md);color:#fff;box-shadow:0 10px 30px #667eea66}.login-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.login-header p{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin:0}.alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.login-form .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.login-form .form-group label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.login-form .form-group input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:all var(--transition-fast);background:var(--color-surface-secondary)}.login-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26;background:var(--color-surface)}.login-form .form-group input::placeholder{color:var(--color-text-tertiary)}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.toggle-password:hover{color:var(--color-text-primary)}.btn-login{width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 15px #667eea66}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-forgot,.btn-back{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);transition:color var(--transition-fast)}.btn-forgot:hover,.btn-back:hover{color:var(--color-primary-hover);text-decoration:underline}.form-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center;margin:0;line-height:1.5}.login-footer{margin-top:var(--space-xl);text-align:center}.login-footer p{color:#ffffffb3;font-size:var(--font-size-xs);margin:0}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--color-surface-secondary);gap:var(--space-md)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:var(--space-xl)}.access-denied h2{color:var(--color-error);margin-bottom:var(--space-sm)}.access-denied p{color:var(--color-text-secondary)}@media (max-width: 480px){.login-card{padding:var(--space-xl)}.login-logo{width:64px;height:64px}.login-logo svg{width:32px;height:32px}}[data-theme=dark] .login-container{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}[data-theme=dark] .login-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .login-title{color:var(--color-text-primary)}[data-theme=dark] .login-subtitle,[data-theme=dark] .form-label{color:var(--color-text-secondary)}[data-theme=dark] .form-input{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .login-footer{border-top-color:var(--color-border)}[data-theme=dark] .login-footer a{color:var(--color-text-secondary)}[data-theme=dark] .access-denied h2{color:var(--color-error)}[data-theme=dark] .access-denied p{color:var(--color-text-secondary)}.usuarios-container{padding:var(--space-lg);max-width:1400px;margin:0 auto}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.header-title{display:flex;align-items:center;gap:var(--space-md)}.header-title h1{margin:0;font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.header-title svg{color:var(--color-primary)}.usuarios-table-container{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm)}.usuarios-table{width:100%;border-collapse:collapse}.usuarios-table th{background:var(--color-surface-secondary);padding:var(--space-md) var(--space-lg);text-align:left;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-border)}.usuarios-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-primary)}.usuarios-table tbody tr:hover{background:var(--color-surface-secondary)}.usuarios-table tbody tr:last-child td{border-bottom:none}.user-name-cell{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm)}.role-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.role-admin{background:#fee2e2;color:#dc2626}.role-manager{background:#dbeafe;color:#2563eb}.role-monitor{background:#d1fae5;color:#059669}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500}.status-badge.active{background:var(--color-success-light);color:var(--color-success)}.status-badge.inactive{background:var(--color-error-light);color:var(--color-error)}.last-login{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.text-muted{color:var(--color-text-tertiary)}.actions-cell{display:flex;gap:var(--space-xs)}.btn-icon{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-icon:hover{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.usuarios-container .btn-icon.btn-danger{width:32px!important;height:32px!important;padding:0!important;background:var(--color-surface)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-sm)!important;box-shadow:none!important}.usuarios-container .btn-icon.btn-danger:hover{background:var(--color-error-light, rgba(255, 59, 48, .1))!important;color:var(--color-error, #ff3b30)!important;border-color:var(--color-error, #ff3b30)!important;transform:none!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary)}.empty-state svg{margin-bottom:var(--space-md);opacity:.5}.empty-state p{margin:0}.usuarios-container .alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.usuarios-container .alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.usuarios-container .alert-success{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success)}.usuarios-container .alert button{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;opacity:.7}.usuarios-container .alert button:hover{opacity:1}.usuarios-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.usuarios-container .modal-content{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:fadeInUp .2s ease-out}.usuarios-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.usuarios-container .modal-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600}.usuarios-container .btn-close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-xs)}.usuarios-container .btn-close:hover{color:var(--color-text-primary)}.modal-form{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-form .form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.modal-form .form-group label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.modal-form .form-group input,.modal-form .form-group select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-surface);transition:all var(--transition-fast)}.modal-form .form-group input:focus,.modal-form .form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea26}.modal-form .form-help{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.modal-form .checkbox-group label{flex-direction:row;cursor:pointer}.modal-form .checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--color-border);margin-top:var(--space-md)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-surface-secondary);border-color:var(--color-text-tertiary)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-tertiary)}@media (max-width: 768px){.usuarios-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.usuarios-table-container{overflow-x:auto}.usuarios-table{min-width:800px}}.usuarios-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--color-surface-secondary);padding:var(--space-xs);border-radius:var(--radius-lg);width:fit-content}.tab-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:none;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--color-text-primary);background:var(--color-surface)}.tab-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.pagos-container{display:flex;flex-direction:column;gap:var(--space-lg)}.pagos-month-selector{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.month-display{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);min-width:200px;justify-content:center}.month-display svg{color:var(--color-primary)}.pagos-table th,.pagos-table td{text-align:center}.pagos-table th:first-child,.pagos-table td:first-child{text-align:left}.monitor-avatar{background:var(--color-primary)!important}.tarifa-input{width:80px;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-primary);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-size-sm)}.tarifa-display{font-weight:500;color:var(--color-text-primary)}.horas-badge{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm)}.horas-badge small{font-size:var(--font-size-xs);font-weight:400;opacity:.7}.horas-badge.particular{background:#3b82f61a;color:#3b82f6}.horas-badge.grupo{background:#22c55e1a;color:#22c55e}.money-cell{font-family:SF Mono,Menlo,monospace;font-weight:500}.total-cell{background:#22c55e0d}.total-cell strong{color:#22c55e;font-size:var(--font-size-md)}.grand-total{font-size:var(--font-size-lg)!important;color:#22c55e!important}.totals-row{background:var(--color-surface-secondary);border-top:2px solid var(--color-border)}.totals-row td{padding:var(--space-md) var(--space-lg);font-weight:600}.btn-success{color:#22c55e}.btn-success:hover{background:#22c55e1a}@media (max-width: 768px){.pagos-table{min-width:1000px}.usuarios-tabs{width:100%}.tab-btn{flex:1;justify-content:center}}@media (max-width: 480px){.usuarios-container{padding:var(--space-sm)}.usuarios-header h1{font-size:var(--font-size-lg)}.usuarios-header .btn-primary{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.usuarios-tabs{flex-direction:column;gap:2px}.tab-btn{padding:var(--space-sm)}.pagos-month-selector{flex-direction:column;gap:var(--space-sm)}.month-display{min-width:auto}.usuarios-table-container{margin:0 calc(-1 * var(--space-sm))}.modal-content{margin:var(--space-sm)}.form-group input,.form-group select{font-size:16px}}[data-theme=dark] .usuarios-table-container{background:var(--color-surface)}[data-theme=dark] .usuarios-table th{background:var(--color-surface-secondary);color:var(--color-text-primary)}[data-theme=dark] .usuarios-table td{color:var(--color-text-primary)}[data-theme=dark] .usuarios-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .user-name{color:var(--color-text-primary)}[data-theme=dark] .user-email{color:var(--color-text-secondary)}[data-theme=dark] .tab-btn{background:var(--color-surface);color:var(--color-text-secondary);border-color:var(--color-border)}[data-theme=dark] .tab-btn:hover{background:var(--color-surface-secondary)}[data-theme=dark] .tab-btn.active{background:var(--color-primary-light);color:var(--color-primary)}[data-theme=dark] .modal-header{border-color:var(--color-border)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-group input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .pagos-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .pagos-card h3{color:var(--color-text-primary)}[data-theme=dark] .pagos-table th{background:var(--color-surface-secondary);color:var(--color-text-primary)}[data-theme=dark] .pagos-table td{color:var(--color-text-primary)}[data-theme=dark] .pagos-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .month-display{background:var(--color-surface);color:var(--color-text-primary)}.monitor-dashboard{padding:1rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 60px);background:linear-gradient(180deg,#f2f2f7,#fff);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 2px 10px #0000000a}@media (min-width: 768px){.dashboard-header{flex-direction:row;justify-content:space-between;align-items:center}}.header-title{display:flex;align-items:center;gap:.75rem}.header-title h1{font-size:1.5rem;font-weight:700;color:#1c1c1e;margin:0;letter-spacing:-.5px}@media (min-width: 768px){.header-title h1{font-size:1.75rem}}.header-title svg{color:#007aff}.header-user{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:12px;box-shadow:0 4px 12px #007aff40}.header-user svg{color:#fff}.header-user span{font-weight:600;color:#fff;font-size:.9375rem}.stats-section{margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.stat-card{display:flex;align-items:center;gap:.875rem;padding:1rem;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 2px 8px #0000000a,0 0 1px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.stat-card:active{transform:scale(.98)}@media (min-width: 768px){.stat-card{padding:1.25rem}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}@media (min-width: 768px){.stat-icon{width:52px;height:52px;border-radius:14px}}.stat-icon.week{background:linear-gradient(135deg,#007aff,#5ac8fa);color:#fff}.stat-icon.month{background:linear-gradient(135deg,#ff9500,#fc0);color:#fff}.stat-icon.classes{background:linear-gradient(135deg,#34c759,#30d158);color:#fff}.stat-icon.students{background:linear-gradient(135deg,#ff2d55,#ff6482);color:#fff}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.375rem;font-weight:700;color:#1c1c1e;letter-spacing:-.5px;line-height:1.2}@media (min-width: 768px){.stat-value{font-size:1.625rem}}.stat-label{font-size:.8125rem;color:#8e8e93;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-navigation{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 2px 8px #0000000a}@media (min-width: 768px){.week-navigation{justify-content:center;gap:1.5rem}}.nav-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:#f2f2f7;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#007aff;-webkit-tap-highlight-color:transparent}.nav-btn:active{background:#007aff;color:#fff;transform:scale(.95)}@media (min-width: 768px){.nav-btn:hover{background:#007aff;color:#fff}}.week-info{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;min-width:0}@media (min-width: 768px){.week-info{flex-direction:row;gap:1rem;flex:none}}.week-range{font-weight:600;font-size:.9375rem;color:#1c1c1e;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media (min-width: 768px){.week-range{font-size:1rem;min-width:220px}}.today-btn{padding:.5rem 1rem;border:none;background:#007aff;color:#fff;border-radius:20px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;white-space:nowrap}.today-btn:active{transform:scale(.95);opacity:.9}@media (min-width: 768px){.today-btn:hover{background:#0056b3;transform:scale(1.02)}}.week-calendar{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.week-grid{display:flex;flex-direction:column}@media (min-width: 900px){.week-grid{display:grid;grid-template-columns:repeat(7,1fr);min-height:450px}}.day-column{border-bottom:1px solid rgba(0,0,0,.06);min-height:auto}@media (min-width: 900px){.day-column{border-bottom:none;border-right:1px solid rgba(0,0,0,.06);min-height:350px}.day-column:last-child{border-right:none}}.day-column.today{background:linear-gradient(180deg,#007aff14,#007aff05)}.day-column.today .day-header{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff}.day-column.today .day-header .day-hours{color:#ffffffd9}.day-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;background:#f9f9fb;border-bottom:1px solid rgba(0,0,0,.04)}@media (min-width: 900px){.day-header{flex-direction:column;justify-content:center;padding:1rem .75rem;text-align:center}}.day-name{font-weight:600;font-size:.9375rem;color:#1c1c1e}.day-hours{font-size:.8125rem;color:#8e8e93;font-weight:500}@media (min-width: 900px){.day-hours{margin-top:.25rem}}.day-classes{padding:.75rem;display:flex;flex-direction:column;gap:.625rem}.no-classes{text-align:center;padding:1.25rem 1rem;color:#c7c7cc;font-size:.875rem;font-weight:500}.class-card{padding:.875rem;background:#fff;border-radius:14px;border-left:4px solid #007aff;box-shadow:0 1px 4px #0000000f,0 0 1px #00000014;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.class-card:active{transform:scale(.98);box-shadow:0 1px 2px #0000000a}@media (min-width: 768px){.class-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}}.class-time{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;color:#1c1c1e;margin-bottom:.5rem}.class-time svg{color:#007aff;width:16px;height:16px}.class-type{font-weight:500;font-size:.8125rem;color:#8e8e93;margin-bottom:.375rem}.class-client{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:#3a3a3c;font-weight:500}.class-client svg{color:#c7c7cc;width:14px;height:14px}.num-personas{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;font-size:.6875rem;font-weight:600;padding:.1875rem .5rem;border-radius:10px;margin-left:.375rem}.class-notes{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.06);font-size:.8125rem;color:#8e8e93;font-style:normal;line-height:1.4}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#8e8e93;gap:1rem}.loading:before{content:"";width:32px;height:32px;border:3px solid #e5e5ea;border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite}.error-message{padding:1rem 1.25rem;background:#ff3b301a;color:#ff3b30;border-radius:14px;margin:1rem;font-weight:500;text-align:center}.no-monitor-warning{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;margin:2rem 1rem;box-shadow:0 2px 12px #0000000f}.no-monitor-warning svg{margin-bottom:1.25rem;color:#c7c7cc}.no-monitor-warning h2{color:#1c1c1e;margin-bottom:.625rem;font-size:1.25rem;font-weight:600}.no-monitor-warning p{color:#8e8e93;font-size:.9375rem;max-width:280px;line-height:1.5}@supports (padding-bottom: env(safe-area-inset-bottom)){.monitor-dashboard{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}[data-theme=dark] .monitor-dashboard{background:linear-gradient(180deg,#1c1c1e,#2c2c2e)}[data-theme=dark] .dashboard-header{background:#2c2c2ecc;border-bottom-color:#ffffff1a}[data-theme=dark] .header-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .header-actions .btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .date-navigation{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .date-navigation h2{color:var(--color-text-primary)}[data-theme=dark] .date-navigation button{color:var(--color-text-secondary)}[data-theme=dark] .date-navigation button:hover{background:var(--color-surface-secondary)}[data-theme=dark] .stats-cards{background:transparent}[data-theme=dark] .stat-card-md{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .stat-card-md h3{color:var(--color-text-secondary)}[data-theme=dark] .stat-card-md .value{color:var(--color-text-primary)}[data-theme=dark] .classes-section{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .section-title{color:var(--color-text-primary)}[data-theme=dark] .section-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .class-card-md{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .class-card-md:hover{background:var(--color-surface)}[data-theme=dark] .class-time-md,[data-theme=dark] .class-client-md{color:var(--color-text-primary)}[data-theme=dark] .class-details-md{color:var(--color-text-secondary)}[data-theme=dark] .no-classes{color:var(--color-text-tertiary)}[data-theme=dark] .modal-body{background:var(--color-surface)}.guardatablas-container{padding:24px;max-width:1400px;margin:0 auto}.guardatablas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-title{display:flex;align-items:center;gap:12px}.header-title h1{margin:0;font-size:1.75rem;color:#1e293b}.header-title svg{color:#3b82f6}.badge-total{background:#e2e8f0;color:#475569;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:500}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-secondary{padding:10px 20px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:16px}.error-banner button{margin-left:auto;background:none;border:none;color:#dc2626;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.stat-card svg{opacity:.8}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:#1e293b}.stat-label{font-size:.875rem;color:#64748b}.stat-activos{border-left:4px solid #10b981}.stat-activos svg{color:#10b981}.stat-ind{border-left:4px solid #3b82f6}.stat-ind svg{color:#3b82f6}.stat-dob{border-left:4px solid #10b981}.stat-dob svg{color:#10b981}.stat-xl{border-left:4px solid #f59e0b}.stat-xl svg{color:#f59e0b}.stat-renovar{border-left:4px solid #ef4444}.stat-renovar svg{color:#ef4444}.proximos-vencer{background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;padding:16px;margin-bottom:24px}.proximos-vencer h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#b45309;font-size:1rem}.proximos-list{display:flex;flex-wrap:wrap;gap:12px}.proximo-item{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#fff;border-radius:8px;font-size:.875rem}.proximo-nombre{font-weight:600;color:#1e293b}.proximo-tipo{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.tipo-ind{background:#3b82f6}.tipo-dob{background:#10b981}.tipo-xl{background:#f59e0b}.proximo-fecha{color:#ef4444;font-weight:500}.btn-renovar-small{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-renovar-small:hover{background:#2563eb}.filtros-bar{display:flex;gap:16px;margin-bottom:20px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-width:250px}.search-box svg{color:#94a3b8}.search-box input{flex:1;border:none;outline:none;font-size:.95rem}.filtros-group{display:flex;gap:12px}.filtro-select{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.95rem;color:#475569;cursor:pointer}.tabla-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.guardatablas-tabla{width:100%;border-collapse:collapse}.guardatablas-tabla th{text-align:left;padding:14px 16px;background:#f8fafc;color:#475569;font-weight:600;font-size:.875rem;border-bottom:1px solid #e2e8f0}.guardatablas-tabla td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#334155}.guardatablas-tabla tr:hover{background:#f8fafc}.row-expired{background:#fef2f2!important}.row-expiring{background:#fffbeb!important}.td-nombre strong{color:#1e293b}.numero-taquilla{margin-left:8px;padding:2px 6px;background:#e2e8f0;border-radius:4px;font-size:.75rem;color:#64748b}.badge-tipo{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:600;color:#fff}.badge-estado{display:inline-block;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:500;color:#fff}.fecha-expirada{color:#dc2626;font-weight:600}.fecha-expirando{color:#d97706;font-weight:600}.email-link,.phone-link{display:flex;align-items:center;gap:6px;color:#3b82f6;text-decoration:none;font-size:.85rem}.email-link:hover,.phone-link:hover{text-decoration:underline}.td-acciones{display:flex;gap:6px}.btn-icon{padding:6px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-renovar{background:#dbeafe;color:#2563eb}.btn-renovar:hover{background:#3b82f6;color:#fff}.btn-edit{background:#f0fdf4;color:#16a34a}.btn-edit:hover{background:#22c55e;color:#fff}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#ef4444;color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.empty-state svg{margin-bottom:16px}.guardatablas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#64748b}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto}.modal-small{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{display:flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;color:#1e293b}.btn-close{padding:6px;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;transition:all .2s}.btn-close:hover{background:#f1f5f9;color:#1e293b}.modal-form{padding:24px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{flex:1;display:flex;flex-direction:column;gap:6px}.form-group-small{flex:0 0 100px}.form-group label{font-size:.875rem;font-weight:500;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.guardatablas-tabs{display:flex;gap:4px;margin-bottom:24px;background:#f1f5f9;padding:4px;border-radius:12px;width:fit-content}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-radius:8px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#3b82f6;background:#3b82f61a}.tab-btn.active{background:#fff;color:#3b82f6;box-shadow:0 2px 8px #00000014}.historial-stats .stat-altas{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.historial-stats .stat-altas svg{color:#059669}.historial-stats .stat-bajas{background:linear-gradient(135deg,#fee2e2,#fecaca)}.historial-stats .stat-bajas svg{color:#dc2626}.historial-stats .stat-renovaciones{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.historial-stats .stat-renovaciones svg{color:#2563eb}.historial-stats .stat-ingresos{background:linear-gradient(135deg,#fef3c7,#fde68a)}.historial-stats .stat-ingresos svg{color:#d97706}.historial-filtros .fecha-filtro{display:flex;align-items:center;gap:8px;background:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0}.historial-filtros .fecha-filtro svg{color:#64748b}.historial-filtros .fecha-filtro input{border:none;background:transparent;font-size:.875rem;color:#1e293b;width:120px}.historial-filtros .fecha-filtro span{color:#94a3b8}.badge-movimiento{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.historial-tabla .row-alta{border-left:3px solid #10b981}.historial-tabla .row-baja{border-left:3px solid #ef4444;background:#fef2f2}.historial-tabla .row-renovacion{border-left:3px solid #3b82f6}.td-fecha{white-space:nowrap;font-size:.875rem;color:#64748b}.td-periodo{font-size:.8rem;color:#64748b}.td-precio{font-weight:600;color:#059669}.td-notas{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:#64748b}.motivo-baja{color:#dc2626;font-style:italic}@media (max-width: 768px){.guardatablas-container{padding:16px}.guardatablas-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.filtros-bar,.filtros-group,.form-row{flex-direction:column}.guardatablas-tabla{display:block;overflow-x:auto}.td-acciones{flex-wrap:nowrap}}@media (max-width: 480px){.guardatablas-container{padding:8px}.guardatablas-header h1{font-size:1.25rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:12px}.stat-value{font-size:1.5rem}.filtros-bar{gap:8px}.filtros-group input,.filtros-group select{font-size:16px;padding:8px}.btn-nuevo-registro{width:100%;justify-content:center;padding:10px 16px}.guardatablas-tabla th,.guardatablas-tabla td{padding:8px 6px;font-size:12px}.td-acciones{gap:4px}.modal-content{margin:8px;padding:16px}.form-group input,.form-group select{font-size:16px}}[data-theme=dark] .guardatablas-container{background:transparent}[data-theme=dark] .header-title h1{color:var(--color-text-primary)}[data-theme=dark] .badge-total{background:var(--color-surface-secondary);color:var(--color-text-secondary)}[data-theme=dark] .btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .btn-secondary:hover{background:var(--color-surface)}[data-theme=dark] .error-banner{background:#ff3b3026;border-color:#ff3b304d}[data-theme=dark] .stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .stat-label{color:var(--color-text-secondary)}[data-theme=dark] .stat-value{color:var(--color-text-primary)}[data-theme=dark] .stat-detail{color:var(--color-text-tertiary)}[data-theme=dark] .proximos-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .proximos-title{color:var(--color-text-primary)}[data-theme=dark] .proximo-item{background:var(--color-surface-secondary)}[data-theme=dark] .proximo-nombre{color:var(--color-text-primary)}[data-theme=dark] .proximo-fecha{color:var(--color-error)}[data-theme=dark] .filtros-bar{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .filtros-group input,[data-theme=dark] .filtros-group select{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .filtros-group input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .guardatablas-tabla{background:var(--color-surface)}[data-theme=dark] .guardatablas-tabla th{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .guardatablas-tabla td{color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .guardatablas-tabla tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .td-nombre{color:var(--color-text-primary)}[data-theme=dark] .td-telefono{color:var(--color-text-secondary)}[data-theme=dark] .estado-activa,[data-theme=dark] .estado-caducada{color:#fff}[data-theme=dark] .btn-action{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .btn-action:hover{background:var(--color-surface)}[data-theme=dark] .modal-overlay{background:#000000bf}[data-theme=dark] .modal-content{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .modal-header h2{color:var(--color-text-primary)}[data-theme=dark] .form-group label{color:var(--color-text-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .historial-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .historial-card h3{color:var(--color-text-primary)}[data-theme=dark] .historial-item{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .historial-item span{color:var(--color-text-secondary)}[data-theme=dark] .empty-state{color:var(--color-text-tertiary)}[data-theme=dark] .pagination{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .pagination span{color:var(--color-text-secondary)}[data-theme=dark] .pagination button{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .pagination button:disabled{color:var(--color-text-tertiary)}.grupos-invierno-page{padding:24px;max-width:1600px;margin:0 auto}.grupos-invierno-page h1{font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:24px;display:flex;align-items:center;gap:12px}.gi-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.gi-stat-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:16px}.gi-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.gi-stat-icon.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.gi-stat-icon.green{background:linear-gradient(135deg,#10b981,#059669)}.gi-stat-icon.yellow{background:linear-gradient(135deg,#f59e0b,#d97706)}.gi-stat-icon.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.gi-stat-content h3{font-size:.85rem;color:var(--color-text-secondary);font-weight:500;margin-bottom:4px}.gi-stat-content p{font-size:1.5rem;font-weight:700;color:var(--color-text)}.gi-toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.gi-search{flex:1;min-width:250px;position:relative}.gi-search input{width:100%;padding:10px 12px 10px 40px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;background:var(--color-card);color:var(--color-text)}.gi-search input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.gi-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.gi-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.gi-btn-primary{background:var(--color-primary);color:#fff}.gi-btn-primary:hover{background:var(--color-primary-dark, #2563EB)}.gi-btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}.gi-btn-secondary:hover{background:var(--color-hover)}.gi-btn-danger{background:#ef4444;color:#fff}.gi-btn-danger:hover{background:#dc2626}.gi-btn-sm{padding:6px 10px;font-size:.85rem}.gi-btn-icon{padding:8px;border-radius:6px}.gi-grupos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.gi-grupo-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .2s;cursor:pointer}.gi-grupo-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.gi-grupo-card.inactive{opacity:.6}.gi-grupo-header{padding:16px;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.gi-grupo-header h3{font-size:1.25rem;font-weight:600;margin-bottom:4px}.gi-grupo-header .gi-grupo-info{display:flex;gap:16px;font-size:.9rem;opacity:.9}.gi-grupo-body{padding:16px}.gi-grupo-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.gi-grupo-meta-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-text-secondary)}.gi-grupo-meta-item svg{color:var(--color-primary)}.gi-grupo-alumnos{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--color-border)}.gi-alumnos-count{display:flex;align-items:center;gap:8px;font-weight:500}.gi-detail-view{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.gi-detail-header{padding:20px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;justify-content:space-between;align-items:flex-start}.gi-detail-title h2{font-size:1.5rem;font-weight:600;margin-bottom:8px}.gi-detail-title .gi-detail-info{display:flex;gap:20px;font-size:.95rem;opacity:.9}.gi-detail-actions{display:flex;gap:8px}.gi-detail-actions .gi-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.gi-detail-actions .gi-btn:hover{background:#ffffff4d}.gi-detail-body{padding:24px}.gi-back-btn{margin-bottom:16px}.gi-table-container{overflow-x:auto;margin-top:20px;border:1px solid var(--color-border);border-radius:8px}.gi-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:800px}.gi-table th,.gi-table td{padding:10px 12px;border:1px solid var(--color-border);text-align:left}.gi-table th{background:var(--color-bg);font-weight:600;color:var(--color-text);white-space:nowrap;position:sticky;top:0;z-index:10}.gi-table th.gi-th-numero{width:40px;text-align:center}.gi-table th.gi-th-nombre{min-width:180px}.gi-table th.gi-th-fecha{width:70px;text-align:center;font-size:.8rem}.gi-table th.gi-th-pago{width:80px;text-align:center}.gi-table tbody tr:hover{background:var(--color-hover)}.gi-table td.gi-td-numero{text-align:center;font-weight:500;color:var(--color-text-secondary)}.gi-cell-asistencia{text-align:center;cursor:pointer;transition:all .15s;min-width:50px}.gi-cell-asistencia:hover{background:var(--color-hover)}.gi-cell-asistencia.si{background:#d1fae5;color:#059669;font-weight:600}.gi-cell-asistencia.no{background:#fee2e2;color:#dc2626;font-weight:600}.gi-cell-asistencia.suspendido{background:#fef3c7;color:#d97706;font-weight:600}.gi-cell-asistencia.pendiente{color:var(--color-text-secondary)}.gi-cell-pago{text-align:center}.gi-pago-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.gi-pago-badge.pagado{background:#d1fae5;color:#059669}.gi-pago-badge.pendiente{background:#fee2e2;color:#dc2626}.gi-pago-badge.suspendido{background:#fef3c7;color:#d97706}.gi-table-actions{display:flex;gap:4px;justify-content:center}.gi-table-actions button{padding:4px;border:none;background:transparent;cursor:pointer;border-radius:4px;color:var(--color-text-secondary);transition:all .15s}.gi-table-actions button:hover{background:var(--color-hover);color:var(--color-primary)}.gi-table-actions button.delete:hover{color:#ef4444}.gi-section{margin-bottom:24px}.gi-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gi-section-header h3{font-size:1.1rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:8px}.gi-notas{background:#fef3c7;border:1px solid #F59E0B;border-radius:8px;padding:12px 16px;margin-bottom:20px}.gi-notas h4{font-size:.9rem;font-weight:600;color:#92400e;margin-bottom:8px}.gi-notas p{font-size:.9rem;color:#78350f;white-space:pre-line}.gi-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.gi-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;position:relative;z-index:1001}.gi-modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff}.gi-modal-header h3{font-size:1.1rem;font-weight:600;color:#1f2937}.gi-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.gi-modal-close:hover{background:#f3f4f6}.gi-modal-body{padding:20px;background:#fff}.gi-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff}.gi-form-group{margin-bottom:16px}.gi-form-group label{display:block;font-size:.9rem;font-weight:500;color:#374151;margin-bottom:6px}.gi-form-group input,.gi-form-group select,.gi-form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;background:#fff;color:#1f2937}.gi-form-group input::placeholder,.gi-form-group textarea::placeholder{color:#9ca3af}.gi-form-group input:focus,.gi-form-group select:focus,.gi-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.gi-form-group textarea{min-height:80px;resize:vertical}.gi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gi-empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.gi-empty-state svg{margin-bottom:16px;opacity:.5}.gi-empty-state h3{font-size:1.1rem;font-weight:500;margin-bottom:8px;color:var(--color-text)}.gi-empty-state p{margin-bottom:20px}.gi-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary)}.gi-loading svg{animation:spin 1s linear infinite;margin-right:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.grupos-invierno-page{padding:16px}.gi-grupos-grid{grid-template-columns:1fr}.gi-toolbar{flex-direction:column}.gi-search{width:100%}.gi-form-row{grid-template-columns:1fr}.gi-detail-header{flex-direction:column;gap:16px}}@media (max-width: 480px){.grupos-invierno-page{padding:8px}.gi-header h1{font-size:1.25rem}.gi-grupo-card{padding:12px}.gi-grupo-nombre{font-size:.95rem}.gi-toolbar{gap:8px}.gi-search{padding:8px 12px;font-size:14px}.gi-btn{padding:8px 12px;font-size:13px}.gi-modal-content{margin:8px;padding:16px}.gi-form-group input,.gi-form-group select{font-size:16px}.gi-tabs{overflow-x:auto}.gi-tab{padding:8px 12px;font-size:.85rem;white-space:nowrap}}.gi-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border);margin-bottom:16px}.gi-tab{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:.95rem;font-weight:500;color:var(--color-text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.gi-tab:hover{color:var(--color-text)}.gi-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.gi-asistencia-selector{display:flex;gap:2px;background:var(--color-bg);border-radius:4px;padding:2px}.gi-asistencia-selector button{padding:4px 8px;border:none;background:transparent;cursor:pointer;font-size:.75rem;font-weight:500;border-radius:3px;transition:all .15s}.gi-asistencia-selector button.si:hover,.gi-asistencia-selector button.si.selected{background:#d1fae5;color:#059669}.gi-asistencia-selector button.no:hover,.gi-asistencia-selector button.no.selected{background:#fee2e2;color:#dc2626}.gi-asistencia-selector button.susp:hover,.gi-asistencia-selector button.susp.selected{background:#fef3c7;color:#d97706}.gi-comprobante-cell{display:inline-flex;align-items:center;gap:4px}.gi-comprobante-actions{display:flex;gap:4px}.gi-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;transition:all .2s}.gi-btn-icon:hover{background:#e5e7eb}.gi-btn-icon-success{background:#d1fae5;border-color:#10b981;color:#059669}.gi-btn-icon-success:hover{background:#a7f3d0}.gi-btn-icon-danger{background:#fee2e2;border-color:#ef4444;color:#dc2626}.gi-btn-icon-danger:hover{background:#fecaca}.gi-btn-icon-upload{background:#dbeafe;border-color:#3b82f6;color:#2563eb}.gi-btn-icon-upload:hover{background:#bfdbfe}[data-theme=dark] .grupos-invierno-page h1{color:var(--color-text-primary)}[data-theme=dark] .gi-stat-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .gi-stat-content h3{color:var(--color-text-secondary)}[data-theme=dark] .gi-stat-content p{color:var(--color-text-primary)}[data-theme=dark] .gi-search input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .gi-search input::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .gi-filter{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .gi-table-wrapper{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .gi-table th{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .gi-table td{color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .gi-table tbody tr:hover{background:var(--color-surface-secondary)}[data-theme=dark] .gi-nombre{color:var(--color-text-primary)}[data-theme=dark] .gi-contacto{color:var(--color-text-secondary)}[data-theme=dark] .gi-modal{background:var(--color-surface)}[data-theme=dark] .gi-modal-header h2{color:var(--color-text-primary)}[data-theme=dark] .gi-form-group label{color:var(--color-text-secondary)}[data-theme=dark] .gi-form-group input,[data-theme=dark] .gi-form-group select,[data-theme=dark] .gi-form-group textarea{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .gi-form-group input::placeholder,[data-theme=dark] .gi-form-group textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .gi-btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .gi-btn-icon{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .gi-btn-icon:hover{background:var(--color-surface)}[data-theme=dark] .gi-btn-icon-success{background:#10b98133;border-color:#10b981;color:#34d399}[data-theme=dark] .gi-btn-icon-danger{background:#ef444433;border-color:#ef4444;color:#f87171}[data-theme=dark] .gi-btn-icon-upload{background:#3b82f633;border-color:#3b82f6;color:#60a5fa}[data-theme=dark] .gi-empty-state{color:var(--color-text-tertiary)}[data-theme=dark] .gi-confirm-modal{background:var(--color-surface)}[data-theme=dark] .gi-confirm-modal h3,[data-theme=dark] .gi-confirm-modal p{color:var(--color-text-primary)}.grupos-colegios-page{--cupertino-bg: rgba(255, 255, 255, .72);--cupertino-bg-elevated: rgba(255, 255, 255, .9);--cupertino-blur: 20px;--cupertino-border: rgba(0, 0, 0, .06);--cupertino-shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--cupertino-shadow-md: 0 4px 6px rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--cupertino-shadow-lg: 0 25px 50px rgba(0, 0, 0, .12), 0 12px 24px rgba(0, 0, 0, .08), 0 6px 12px rgba(0, 0, 0, .04);--cupertino-shadow-xl: 0 32px 64px rgba(0, 0, 0, .16), 0 16px 32px rgba(0, 0, 0, .12);--cupertino-blue: #007AFF;--cupertino-blue-hover: #0056CC;--cupertino-green: #34C759;--cupertino-green-dark: #28A745;--cupertino-red: #FF3B30;--cupertino-red-light: rgba(255, 59, 48, .1);--cupertino-orange: #FF9500;--cupertino-purple: #AF52DE;--cupertino-gray-1: #8E8E93;--cupertino-gray-2: #636366;--cupertino-gray-3: #48484A;--cupertino-gray-4: #3A3A3C;--cupertino-gray-5: #2C2C2E;--cupertino-gray-6: #1C1C1E;--cupertino-separator: rgba(60, 60, 67, .12);--cupertino-fill: rgba(120, 120, 128, .12);--cupertino-radius-sm: 8px;--cupertino-radius-md: 12px;--cupertino-radius-lg: 16px;--cupertino-radius-xl: 22px;--cupertino-transition: all .3s cubic-bezier(.25, .46, .45, .94);--cupertino-transition-fast: all .2s cubic-bezier(.25, .46, .45, .94);--cupertino-spring: all .5s cubic-bezier(.175, .885, .32, 1.275);padding:32px;max-width:1440px;margin:0 auto;min-height:100vh;background:linear-gradient(180deg,#f5f5f7,#fff)}[data-theme=dark] .grupos-colegios-page{--cupertino-bg: rgba(28, 28, 30, .72);--cupertino-bg-elevated: rgba(44, 44, 46, .9);--cupertino-border: rgba(255, 255, 255, .08);--cupertino-separator: rgba(84, 84, 88, .65);--cupertino-fill: rgba(120, 120, 128, .24);background:linear-gradient(180deg,#1c1c1e,#000)}[data-theme=dark] .grupos-colegios-page h1{color:var(--color-text-primary)}[data-theme=dark] .gc-tabla th{background:var(--cupertino-gray-5);color:var(--color-text-primary)}[data-theme=dark] .gc-tabla td{color:var(--color-text-primary);border-bottom-color:var(--cupertino-border)}[data-theme=dark] .gc-modal{background:var(--cupertino-gray-6)}[data-theme=dark] .gc-modal-header h2{color:var(--color-text-primary)}[data-theme=dark] .gc-form-group label{color:var(--color-text-secondary)}[data-theme=dark] .gc-form-group input,[data-theme=dark] .gc-form-group select,[data-theme=dark] .gc-form-group textarea{background:var(--cupertino-gray-5);color:var(--color-text-primary);border-color:var(--cupertino-border)}[data-theme=dark] .gc-form-group input::placeholder,[data-theme=dark] .gc-form-group textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] .gc-tabla-wrapper{background:var(--cupertino-gray-6)}[data-theme=dark] .gc-tabla tbody tr:hover{background:var(--cupertino-gray-5)}[data-theme=dark] .gc-monitor-btn{color:var(--color-text-primary)}[data-theme=dark] .gc-monitor-btn.selected{background:linear-gradient(135deg,#007aff4d,#007aff33);color:#60a5fa}[data-theme=dark] .gc-confirm-modal{background:var(--cupertino-gray-6)}[data-theme=dark] .gc-confirm-modal h3,[data-theme=dark] .gc-confirm-modal p{color:var(--color-text-primary)}.grupos-colegios-page h1{font-size:2.125rem;font-weight:700;letter-spacing:-.5px;color:var(--color-text);margin-bottom:32px;display:flex;align-items:center;gap:14px}.grupos-colegios-page h1 svg{color:var(--cupertino-blue);filter:drop-shadow(0 2px 4px rgba(0,122,255,.2))}.gc-toolbar{display:flex;gap:16px;margin-bottom:28px;flex-wrap:wrap;align-items:center;padding:16px 20px;background:var(--cupertino-bg);backdrop-filter:blur(var(--cupertino-blur));-webkit-backdrop-filter:blur(var(--cupertino-blur));border-radius:var(--cupertino-radius-xl);border:1px solid var(--cupertino-border);box-shadow:var(--cupertino-shadow-sm)}.gc-search{flex:1;min-width:280px;position:relative}.gc-search input{width:100%;padding:14px 16px 14px 48px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:400;background:var(--cupertino-fill);color:var(--color-text);transition:var(--cupertino-transition-fast)}.gc-search input::placeholder{color:var(--cupertino-gray-1)}.gc-search input:hover{background:#78788029}.gc-search input:focus{outline:none;border-color:var(--cupertino-blue);background:var(--cupertino-bg-elevated);box-shadow:0 0 0 4px #007aff26}.gc-search svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--cupertino-gray-1);transition:var(--cupertino-transition-fast)}.gc-search input:focus+svg,.gc-search:focus-within svg{color:var(--cupertino-blue)}.gc-date-filter{display:flex;align-items:center;gap:10px}.gc-date-filter>svg{color:var(--cupertino-gray-1)}.gc-date-filter input{padding:14px 16px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:400;background:var(--cupertino-fill);color:var(--color-text);transition:var(--cupertino-transition-fast);cursor:pointer}.gc-date-filter input:hover{background:#78788029}.gc-date-filter input:focus{outline:none;border-color:var(--cupertino-blue);background:var(--cupertino-bg-elevated);box-shadow:0 0 0 4px #007aff26}.btn-clear-date{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);background:var(--cupertino-fill);color:var(--cupertino-gray-1);cursor:pointer;transition:var(--cupertino-transition-fast)}.btn-clear-date:hover{background:var(--cupertino-red-light);color:var(--cupertino-red);border-color:#ff3b304d;transform:scale(1.05)}.btn-clear-date:active{transform:scale(.95)}.btn-primary{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(180deg,#0a84ff,#007aff);color:#fff;border:none;border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:600;letter-spacing:-.2px;cursor:pointer;transition:var(--cupertino-spring);box-shadow:0 2px 8px #007aff59,0 1px 3px #007aff33}.btn-primary:hover{background:linear-gradient(180deg,#39f,#0a84ff);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #007aff66,0 3px 8px #007aff4d}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #007aff4d}.gc-table-container{background:var(--cupertino-bg-elevated);backdrop-filter:blur(var(--cupertino-blur));-webkit-backdrop-filter:blur(var(--cupertino-blur));border:1px solid var(--cupertino-border);border-radius:var(--cupertino-radius-xl);overflow:hidden;box-shadow:var(--cupertino-shadow-md);transition:var(--cupertino-transition)}.gc-table-container:hover{box-shadow:var(--cupertino-shadow-lg)}.gc-table{width:100%;border-collapse:separate;border-spacing:0}.gc-table th,.gc-table td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--cupertino-separator)}.gc-table th{background:linear-gradient(180deg,#78788014,#7878800a);font-weight:600;font-size:.8125rem;color:var(--cupertino-gray-2);text-transform:uppercase;letter-spacing:.8px;position:sticky;top:0;z-index:10}.gc-table tbody tr{transition:var(--cupertino-transition-fast)}.gc-table tbody tr:hover{background:linear-gradient(90deg,#007aff0a,#007aff05)}.gc-table tbody tr:last-child td{border-bottom:none}.gc-grupo-nombre{font-weight:600;font-size:1rem;color:var(--color-text);letter-spacing:-.2px}.gc-cantidad{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#007aff1f,#007aff14);color:var(--cupertino-blue);border-radius:100px;font-weight:600;font-size:.9375rem;letter-spacing:-.1px;border:1px solid rgba(0,122,255,.15)}.gc-cantidad svg{opacity:.8}.gc-contacto{font-size:.9375rem;font-weight:500;color:var(--color-text)}.gc-contacto-info{display:flex;flex-direction:column;gap:6px}.gc-contacto-row{display:flex;align-items:center;gap:8px;color:var(--cupertino-gray-1);font-size:.875rem;font-weight:400;transition:var(--cupertino-transition-fast)}.gc-contacto-row:hover{color:var(--cupertino-blue)}.gc-contacto-row svg{width:15px;height:15px;flex-shrink:0}.gc-notas{max-width:220px;font-size:.875rem;font-weight:400;color:var(--cupertino-gray-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 12px;background:var(--cupertino-fill);border-radius:var(--cupertino-radius-sm)}.gc-actions{display:flex;gap:10px}.btn-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);background:var(--cupertino-fill);color:var(--cupertino-gray-1);cursor:pointer;transition:var(--cupertino-spring)}.btn-icon:hover{background:#007aff1a;color:var(--cupertino-blue);border-color:#007aff4d;transform:scale(1.08);box-shadow:0 4px 12px #007aff26}.btn-icon:active{transform:scale(.95)}.btn-icon.danger:hover{background:var(--cupertino-red-light);color:var(--cupertino-red);border-color:#ff3b304d;box-shadow:0 4px 12px #ff3b3026}.gc-empty{text-align:center;padding:80px 32px;color:var(--cupertino-gray-1)}.gc-empty svg{width:72px;height:72px;margin-bottom:20px;opacity:.35;color:var(--cupertino-gray-1)}.gc-empty h3{font-size:1.25rem;font-weight:600;margin-bottom:10px;color:var(--color-text);letter-spacing:-.3px}.gc-empty p{font-size:1rem;font-weight:400;color:var(--cupertino-gray-1);max-width:320px;margin:0 auto;line-height:1.5}.gc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .25s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gc-modal{background:var(--cupertino-bg-elevated);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:var(--cupertino-radius-xl);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--cupertino-shadow-xl);border:1px solid var(--cupertino-border);animation:modalSlideIn .35s cubic-bezier(.175,.885,.32,1.275)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.gc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--cupertino-separator)}.gc-modal-header h2{font-size:1.375rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:12px;letter-spacing:-.3px}.gc-modal-header h2 svg{color:var(--cupertino-blue)}.gc-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--cupertino-fill);color:var(--cupertino-gray-1);cursor:pointer;transition:var(--cupertino-transition-fast)}.gc-modal-close:hover{background:var(--cupertino-red-light);color:var(--cupertino-red);transform:rotate(90deg)}.gc-modal-body{padding:28px}.gc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gc-form-group{display:flex;flex-direction:column;gap:8px}.gc-form-group.full-width{grid-column:span 2}.gc-form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text);letter-spacing:-.1px}.gc-form-group label span{color:var(--cupertino-red);margin-left:2px}.gc-form-group input,.gc-form-group textarea{padding:14px 16px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:400;background:var(--cupertino-fill);color:var(--color-text);transition:var(--cupertino-transition-fast)}.gc-form-group input::placeholder,.gc-form-group textarea::placeholder{color:var(--cupertino-gray-1)}.gc-form-group input:hover,.gc-form-group textarea:hover{background:#78788029}.gc-form-group input:focus,.gc-form-group textarea:focus{outline:none;border-color:var(--cupertino-blue);background:#ffffffe6;box-shadow:0 0 0 4px #007aff26}.gc-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.gc-modal-footer{display:flex;justify-content:flex-end;gap:14px;padding:20px 28px;border-top:1px solid var(--cupertino-separator);background:linear-gradient(180deg,#7878800a,#78788014);border-radius:0 0 var(--cupertino-radius-xl) var(--cupertino-radius-xl)}.btn-secondary{padding:14px 24px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);background:var(--cupertino-fill);color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--cupertino-transition-fast)}.btn-secondary:hover{background:#78788033;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-success{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(180deg,#40d368,#34c759);color:#fff;border:none;border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--cupertino-spring);box-shadow:0 2px 8px #34c75959,0 1px 3px #34c75933}.btn-success:hover:not(:disabled){background:linear-gradient(180deg,#5de07a,#40d368);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #34c75966,0 3px 8px #34c7594d}.btn-success:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-success:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.gc-confirm-modal{max-width:420px;text-align:center}.gc-confirm-modal .gc-modal-body{padding:40px 32px}.gc-confirm-icon{width:72px;height:72px;margin:0 auto 20px;background:linear-gradient(135deg,#ff3b3026,#ff3b3014);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cupertino-red);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gc-confirm-modal h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:12px;letter-spacing:-.3px}.gc-confirm-modal p{color:var(--cupertino-gray-1);margin-bottom:28px;font-size:1rem;line-height:1.5}.gc-confirm-actions{display:flex;gap:14px;justify-content:center}.btn-danger{display:flex;align-items:center;gap:10px;padding:14px 24px;background:linear-gradient(180deg,#ff5147,#ff3b30);color:#fff;border:none;border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--cupertino-spring);box-shadow:0 2px 8px #ff3b3059,0 1px 3px #ff3b3033}.btn-danger:hover{background:linear-gradient(180deg,#ff6b63,#ff5147);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #ff3b3066,0 3px 8px #ff3b304d}.btn-danger:active{transform:translateY(0) scale(.98)}.gc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;color:var(--cupertino-gray-1)}.gc-loading-spinner{width:48px;height:48px;border:3px solid var(--cupertino-fill);border-top-color:var(--cupertino-blue);border-radius:50%;animation:gc-spin 1s cubic-bezier(.55,.055,.675,.19) infinite;margin-bottom:20px}@keyframes gc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gc-loading p{font-size:1rem;font-weight:500;letter-spacing:-.1px}.gc-error{background:linear-gradient(135deg,#ff3b301f,#ff3b300f);border:1px solid rgba(255,59,48,.25);border-radius:var(--cupertino-radius-md);padding:18px 20px;margin-bottom:28px;color:var(--cupertino-red);display:flex;align-items:center;gap:14px;font-weight:500;animation:errorShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.gc-error svg{flex-shrink:0}@media (max-width: 768px){.grupos-colegios-page{padding:20px 16px}.grupos-colegios-page h1{font-size:1.75rem;margin-bottom:24px}.gc-toolbar{flex-direction:column;padding:14px 16px;gap:12px}.gc-search{width:100%;min-width:auto}.gc-date-filter{width:100%;justify-content:space-between}.gc-date-filter input{flex:1}.btn-primary{width:100%;justify-content:center}.gc-form-grid{grid-template-columns:1fr;gap:16px}.gc-form-group.full-width{grid-column:span 1}.gc-table-container{overflow-x:auto;border-radius:var(--cupertino-radius-lg)}.gc-table{min-width:720px}.gc-modal{margin:16px;max-height:calc(100vh - 32px)}.gc-modal-header,.gc-modal-body{padding:20px}.gc-modal-footer{padding:16px 20px}.gc-confirm-modal .gc-modal-body{padding:32px 24px}.gc-confirm-actions{flex-direction:column}.gc-confirm-actions button{width:100%;justify-content:center}}.gc-table-container::-webkit-scrollbar,.gc-modal::-webkit-scrollbar{width:8px;height:8px}.gc-table-container::-webkit-scrollbar-track,.gc-modal::-webkit-scrollbar-track{background:transparent}.gc-table-container::-webkit-scrollbar-thumb,.gc-modal::-webkit-scrollbar-thumb{background:var(--cupertino-fill);border-radius:4px}.gc-table-container::-webkit-scrollbar-thumb:hover,.gc-modal::-webkit-scrollbar-thumb:hover{background:var(--cupertino-gray-1)}.gc-view-toggle{display:flex;background:var(--cupertino-fill);border-radius:var(--cupertino-radius-md);padding:4px;gap:2px}.gc-view-btn{display:flex;align-items:center;justify-content:center;width:40px;height:36px;border:none;border-radius:var(--cupertino-radius-sm);background:transparent;color:var(--cupertino-gray-1);cursor:pointer;transition:var(--cupertino-transition-fast)}.gc-view-btn:hover{color:var(--cupertino-gray-3);background:#0000000a}.gc-view-btn.active{background:#fff;color:var(--cupertino-blue);box-shadow:var(--cupertino-shadow-sm)}.gc-calendar-container{background:var(--cupertino-bg-elevated);border-radius:var(--cupertino-radius-xl);border:1px solid var(--cupertino-border);box-shadow:var(--cupertino-shadow-md);overflow:hidden}.gc-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(180deg,#ffffffe6,#ffffffb3);border-bottom:1px solid var(--cupertino-separator)}.gc-calendar-nav{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--cupertino-radius-md);background:var(--cupertino-fill);color:var(--cupertino-gray-2);cursor:pointer;transition:var(--cupertino-transition-fast)}.gc-calendar-nav:hover{background:var(--cupertino-blue);color:#fff;transform:scale(1.05)}.gc-calendar-nav:active{transform:scale(.95)}.gc-calendar-title{display:flex;align-items:center;gap:16px}.gc-calendar-title h2{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.gc-today-btn{padding:8px 16px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);background:#fff;color:var(--cupertino-blue);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--cupertino-transition-fast)}.gc-today-btn:hover{background:var(--cupertino-blue);color:#fff;border-color:var(--cupertino-blue)}.gc-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--cupertino-separator)}.gc-calendar-weekday{padding:12px 8px;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--cupertino-gray-1);background:#f5f5f7e6}.gc-calendar-day{min-height:140px;padding:6px;background:#fff;display:flex;flex-direction:column;transition:var(--cupertino-transition-fast)}.gc-calendar-day.empty{background:#f5f5f780}.gc-calendar-day.today{background:#007aff0a}.gc-calendar-day.today .gc-day-number{background:var(--cupertino-blue);color:#fff}.gc-calendar-day.has-grupos{padding:4px}.gc-day-number{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:var(--color-text);border-radius:50%;margin-bottom:4px;flex-shrink:0}.gc-day-grupos{flex:1;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.gc-calendar-grupo{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--cupertino-radius-sm);cursor:pointer;transition:var(--cupertino-transition-fast);flex:1;min-height:60px;box-shadow:0 2px 4px #00000026}.gc-calendar-grupo:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000040}.gc-calendar-grupo .gc-grupo-name{font-size:.85rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gc-calendar-grupo .gc-grupo-count{display:flex;align-items:center;gap:2px;font-size:.7rem;font-weight:600;color:#ffffffe6;background:#00000026;padding:2px 6px;border-radius:10px}.gc-calendar-grupo .gc-grupo-count svg{flex-shrink:0}@media (max-width: 768px){.gc-calendar-header{padding:16px}.gc-calendar-title h2{font-size:1.125rem}.gc-calendar-day{min-height:80px;padding:4px}.gc-day-number{width:24px;height:24px;font-size:.75rem}.gc-calendar-grupo{padding:4px 6px}.gc-calendar-grupo .gc-grupo-name{font-size:.65rem}.gc-calendar-grupo .gc-grupo-count{display:none}.gc-view-toggle{order:-1}}[data-theme=dark] .gc-calendar-header{background:linear-gradient(180deg,#2c2c2ee6,#1c1c1eb3)}[data-theme=dark] .gc-calendar-weekday{background:#2c2c2ee6;color:var(--color-text-secondary)}[data-theme=dark] .gc-calendar-day{background:var(--cupertino-gray-6);color:var(--color-text-primary)}[data-theme=dark] .gc-calendar-day.empty{background:#1c1c1ecc}[data-theme=dark] .gc-calendar-day.today{background:#007aff1f}[data-theme=dark] .gc-today-btn{background:var(--cupertino-gray-5);border-color:var(--cupertino-gray-4);color:var(--color-text-primary)}[data-theme=dark] .gc-view-btn{color:var(--color-text-secondary)}[data-theme=dark] .gc-view-btn.active{background:var(--cupertino-gray-4);color:var(--color-text-primary)}[data-theme=dark] .gc-month-nav span{color:var(--color-text-primary)}[data-theme=dark] .gc-month-nav button{color:var(--color-text-secondary)}[data-theme=dark] .gc-grupo-monitors{background:#00000080;color:var(--color-text-primary)}.gc-monitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:8px}.gc-monitor-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--cupertino-fill);border:2px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);cursor:pointer;transition:var(--cupertino-transition-fast);font-size:.9rem}.gc-monitor-btn:hover{background:#78788033;border-color:var(--cupertino-blue)}.gc-monitor-btn.selected{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:var(--cupertino-blue);color:#0c4a6e}.gc-monitor-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gc-monitor-check{color:var(--cupertino-blue);font-weight:700;font-size:1rem}.gc-no-monitors{grid-column:1 / -1;text-align:center;color:var(--cupertino-gray-1);padding:20px;font-style:italic}.gc-color-selector{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.gc-color-btn{width:36px;height:36px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:var(--cupertino-transition-fast);box-shadow:var(--cupertino-shadow-sm)}.gc-color-btn:hover{transform:scale(1.15);box-shadow:var(--cupertino-shadow-md)}.gc-color-btn.selected{border-color:#fff;box-shadow:0 0 0 3px var(--cupertino-gray-3),var(--cupertino-shadow-md);transform:scale(1.1)}.gc-monitores-info{display:inline-block;margin-left:8px;font-size:.8rem;font-weight:500;color:var(--cupertino-blue);background:#007aff1a;padding:2px 8px;border-radius:10px}.gc-monitores-badge{display:inline-block;margin-left:10px;font-size:.75rem;font-weight:600;color:#fff;padding:4px 10px;border-radius:12px}.gc-grupo-name{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.gc-grupo-info{display:flex;align-items:center;gap:8px;font-size:.65rem}.gc-grupo-count,.gc-grupo-monitors{display:flex;align-items:center;gap:3px;font-weight:500}.gc-grupo-monitors{background:#ffffffe6;padding:1px 5px;border-radius:4px}.gc-grupo-time{display:flex;align-items:center;gap:3px;margin-top:2px;font-size:.6rem;opacity:.9}.gc-calendar-day.has-grupos{background:linear-gradient(135deg,#4f46e514,#4f46e508)}.gc-form-group select{width:100%;padding:14px 16px;border:1px solid var(--cupertino-separator);border-radius:var(--cupertino-radius-md);font-size:1rem;font-weight:400;background:var(--cupertino-fill);color:var(--color-text);transition:var(--cupertino-transition-fast);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238E8E93' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.gc-form-group select:hover{background-color:#78788029}.gc-form-group select:focus{outline:none;border-color:var(--cupertino-blue);background-color:var(--cupertino-bg-elevated);box-shadow:0 0 0 4px #007aff26}@media (max-width: 768px){.gc-monitors-grid{grid-template-columns:repeat(2,1fr)}.gc-color-selector{justify-content:center}.gc-monitores-info{display:block;margin-left:0;margin-top:4px}}.ga-container{padding:24px;max-width:1200px;margin:0 auto}.ga-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--color-text-secondary)}.ga-loading .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ga-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.ga-title{display:flex;align-items:center;gap:12px}.ga-title h1{font-size:1.75rem;font-weight:700;color:var(--color-text-primary);margin:0}.ga-title svg{color:var(--color-primary)}.ga-error{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-error-light, rgba(255, 59, 48, .1));border:1px solid var(--color-error, #ff3b30);border-radius:12px;color:var(--color-error, #ff3b30);margin-bottom:20px}.ga-error button{margin-left:auto;background:none;border:none;cursor:pointer;color:inherit;padding:4px}.ga-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-label{font-size:.875rem;color:var(--color-text-secondary);margin-top:4px}.ga-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--color-border);padding-bottom:12px}.tab-btn{padding:10px 20px;background:none;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.tab-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.tab-btn.active{background:var(--color-primary);color:#fff}.ga-list{display:flex;flex-direction:column;gap:12px}.ga-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary);background:var(--color-surface);border:2px dashed var(--color-border);border-radius:16px}.ga-empty svg{margin-bottom:16px;opacity:.5}.ga-empty p{margin-bottom:20px;font-size:1rem}.ga-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:all .2s}.ga-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #007aff1a}.ga-card.agotado{opacity:.7}.ga-card.agotado .ga-card-avatar{background:var(--color-text-tertiary)}.ga-card-header{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer}.ga-card-main{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.ga-card-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.25rem;flex-shrink:0}.ga-card-info{flex:1;min-width:0}.ga-card-info h3{margin:0 0 6px;font-size:1rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ga-card-meta{display:flex;gap:8px;flex-wrap:wrap}.bono-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.bono-badge.bono_4{background:#5856d626;color:#5856d6}.bono-badge.bono_10{background:#ff950026;color:#ff9500}.estado-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.estado-badge.activo{background:#34c75926;color:#34c759}.estado-badge.agotado{background:#8e8e9326;color:#8e8e93}.estado-badge.vencido,.estado-badge.cancelado{background:#ff3b3026;color:#ff3b30}.ga-card-progress{flex:0 0 200px}.progress-info{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.8125rem}.progress-text{color:var(--color-text-primary);font-weight:500}.progress-remaining{color:var(--color-text-secondary)}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s ease}.ga-card.agotado .progress-fill{background:var(--color-text-tertiary)}.ga-card-actions{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:var(--color-primary-light, rgba(0, 122, 255, .1));color:var(--color-primary);border-color:var(--color-primary)}.btn-icon.btn-success{background:var(--color-success-light, rgba(52, 199, 89, .1));color:var(--color-success, #34c759);border-color:var(--color-success, #34c759)}.btn-icon.btn-success:hover{background:var(--color-success, #34c759);color:#fff}.btn-icon.btn-expand{border:none;background:transparent}.btn-icon.btn-expand:hover{background:var(--color-surface-secondary)}.ga-card-expanded{padding:0 20px 20px;border-top:1px solid var(--color-border);margin-top:0}.ga-card-contact{display:flex;flex-wrap:wrap;gap:16px;padding:16px 0}.contact-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary);text-decoration:none}.contact-item:hover{color:var(--color-primary)}.ga-card-notas{padding:12px 16px;background:var(--color-surface-secondary);border-radius:10px;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:16px}.ga-card-notas strong{color:var(--color-text-primary)}.ga-asistencias{margin-top:16px}.ga-asistencias h4{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0 0 12px}.no-asistencias{color:var(--color-text-tertiary);font-size:.875rem;font-style:italic}.asistencias-list{display:flex;flex-wrap:wrap;gap:8px}.asistencia-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-surface-secondary);border-radius:8px;font-size:.8125rem}.asistencia-numero{font-weight:600;color:var(--color-primary)}.asistencia-fecha{display:flex;align-items:center;gap:4px;color:var(--color-text-primary)}.asistencia-fecha svg{color:var(--color-success, #34c759)}.asistencia-hora{color:var(--color-text-secondary)}.btn-delete-small{width:24px;height:24px;border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:4px}.btn-delete-small:hover{background:var(--color-error-light, rgba(255, 59, 48, .1));color:var(--color-error, #ff3b30)}.ga-card-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.btn-danger-outline{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid var(--color-error, #ff3b30);border-radius:10px;color:var(--color-error, #ff3b30);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:var(--color-error, #ff3b30);color:#fff}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-primary-dark, #0066cc);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:12px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-surface);border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.btn-close{width:36px;height:36px;border-radius:50%;border:none;background:var(--color-surface-secondary);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close:hover{background:var(--color-border);color:var(--color-text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--color-border)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input,.form-group textarea{width:100%;padding:12px 14px;background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:10px;font-size:.9375rem;color:var(--color-text-primary);transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(0, 122, 255, .1))}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bono-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bono-option{padding:16px;background:var(--color-surface-secondary);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.bono-option:hover{border-color:var(--color-primary)}.bono-option.selected{border-color:var(--color-primary);background:var(--color-primary-light, rgba(0, 122, 255, .1))}.bono-option-title{display:block;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.bono-option-price{display:block;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.select-metodo-pago{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:1rem;font-weight:500;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.select-metodo-pago:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}.select-metodo-pago option{padding:12px}[data-theme=dark] .ga-container{color:var(--color-text-primary)}[data-theme=dark] .stat-card,[data-theme=dark] .ga-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .modal-content{background:var(--color-surface)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] .bono-option{background:var(--color-surface-secondary);border-color:var(--color-border)}[data-theme=dark] .bono-option.selected{background:#0a84ff26;border-color:var(--color-primary)}[data-theme=dark] .asistencia-item,[data-theme=dark] .ga-card-notas{background:var(--color-surface-secondary)}@media (max-width: 768px){.ga-container{padding:16px}.ga-header{flex-direction:column;gap:16px;align-items:stretch}.ga-card-header{flex-wrap:wrap;gap:12px}.ga-card-progress{flex:1 1 100%;order:3}.ga-card-actions{order:2}.form-row,.bono-options{grid-template-columns:1fr}.ga-stats{grid-template-columns:repeat(3,1fr)}.stat-card{padding:16px 12px}.stat-value{font-size:1.5rem}}.app{display:flex;flex-direction:column;min-height:100vh;background:var(--color-background)}.navbar{background:var(--color-surface);color:var(--color-text-primary);padding:0 var(--space-xl);height:64px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9}[data-theme=dark] .navbar{background:#2c2c2ed9}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm)}.navbar h1{font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary) 0%,#5856D6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-logo{width:32px;height:32px}.navbar ul{list-style:none;display:flex;gap:var(--space-xs)}.navbar a{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar a:hover{color:var(--color-primary);background:var(--color-primary-light)}.navbar a.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.navbar a svg{width:18px;height:18px}.navbar-user{display:flex;align-items:center;gap:var(--space-md);margin-left:auto;padding-left:var(--space-lg);border-left:1px solid var(--color-border)}.user-info{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.user-name{font-weight:600;color:var(--color-text-primary)}.user-role{font-size:var(--font-size-xs);background:var(--color-surface-secondary);padding:2px 8px;border-radius:var(--radius-full);text-transform:capitalize}.btn-logout{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error)}.main-content{flex:1;padding:var(--space-xl);overflow-y:auto;animation:fadeIn .3s ease-out}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs)}.page-header p{color:var(--color-text-secondary);font-size:var(--font-size-base)}@media (max-width: 768px){.navbar{padding:0 var(--space-md);height:56px}.navbar h1{font-size:var(--font-size-md)}.navbar ul{gap:0}.navbar a{padding:var(--space-sm);font-size:var(--font-size-xs)}.navbar a span{display:none}.navbar-user{padding-left:var(--space-sm);gap:var(--space-sm)}.user-info{display:none}.main-content{padding:var(--space-md)}}@media (max-width: 480px){.navbar{padding:var(--space-xs) var(--space-sm);height:auto;min-height:48px;flex-wrap:wrap;gap:var(--space-xs)}.navbar-brand{order:1;flex:1}.navbar-brand h1{font-size:var(--font-size-sm)}.navbar-logo{width:24px;height:24px}.navbar-user{order:2;border-left:none;padding-left:0}.btn-logout{width:32px;height:32px}.navbar ul{order:3;width:100%;justify-content:space-around;padding-top:var(--space-xs);border-top:1px solid var(--color-border)}.navbar a{padding:var(--space-xs)}.navbar a svg{width:16px;height:16px}.main-content{padding:var(--space-sm)}.page-header h1{font-size:var(--font-size-lg)}.page-header p{font-size:var(--font-size-sm)}}:root{--color-background: #f5f5f7;--color-surface: #ffffff;--color-surface-secondary: #f9fafb;--color-border: rgba(0, 0, 0, .08);--color-border-focus: rgba(0, 122, 255, .4);--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-primary: #007AFF;--color-primary-hover: #0056CC;--color-primary-light: rgba(0, 122, 255, .1);--color-success: #34C759;--color-success-light: rgba(52, 199, 89, .1);--color-warning: #FF9500;--color-warning-light: rgba(255, 149, 0, .1);--color-error: #FF3B30;--color-error-light: rgba(255, 59, 48, .1);--color-info: #5856D6;--color-info-light: rgba(88, 86, 214, .1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 28px;--font-size-3xl: 34px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-background: #1c1c1e;--color-surface: #2c2c2e;--color-surface-secondary: #3a3a3c;--color-border: rgba(255, 255, 255, .1);--color-border-focus: rgba(10, 132, 255, .5);--color-text-primary: #f5f5f7;--color-text-secondary: #a1a1a6;--color-text-tertiary: #8e8e93;--color-primary: #0A84FF;--color-primary-hover: #409CFF;--color-primary-light: rgba(10, 132, 255, .15);--color-success: #30D158;--color-success-light: rgba(48, 209, 88, .15);--color-warning: #FF9F0A;--color-warning-light: rgba(255, 159, 10, .15);--color-error: #FF453A;--color-error-light: rgba(255, 69, 58, .15);--color-info: #5E5CE6;--color-info-light: rgba(94, 92, 230, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .7)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-tertiary)}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1a6' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);line-height:1.2}h2{font-size:var(--font-size-2xl);line-height:1.25}h3{font-size:var(--font-size-xl);line-height:1.3}h4{font-size:var(--font-size-lg);line-height:1.35}p{color:var(--color-text-secondary);line-height:1.6}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-family);font-size:var(--font-size-base);cursor:pointer;border:none;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-border-focus)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236e6e73' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#00000040}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 1024px){:root{--font-size-3xl: 28px;--font-size-2xl: 24px}}@media (max-width: 768px){:root{--space-lg: 20px;--space-xl: 24px}}@media (max-width: 480px){:root{--font-size-3xl: 24px;--font-size-2xl: 20px;--font-size-xl: 18px}}