@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.card{border-radius:var(--radius-xl);transition:all var(--transition-base)}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card-solid{background:var(--surface-elevated);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.card:hover{box-shadow:var(--glass-shadow);transform:translateY(-2px)}.card-padding-none{padding:0}.card-padding-sm{padding:var(--spacing-md)}.card-padding-md{padding:var(--spacing-xl)}.card-padding-lg{padding:var(--spacing-2xl)}.card{animation:.6s ease-out fadeIn}.input-wrapper{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.input-label{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-base);font-weight:500}.input-required{color:var(--error);margin-left:2px}.input-container{width:100%;position:relative}.input-field{width:100%;font-size:var(--font-size-base);font-family:var(--font-family);color:var(--text-primary);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none;padding:.875rem 1rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:var(--input-focus-shadow-primary);background:var(--surface)}.input-field:hover:not(:focus){border-color:var(--text-muted)}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-with-icon-left{padding-left:3rem}.input-with-icon-right{padding-right:3rem}.input-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon-left{left:1rem}.input-icon-right{pointer-events:auto;cursor:pointer;right:1rem}.input-icon-right:hover{color:var(--text-secondary)}.input-field:focus~.input-icon,.input-field:focus+.input-container .input-icon{color:var(--primary)}.input-error{border-color:var(--error)!important}.input-error:focus{box-shadow:var(--input-focus-shadow-error)!important}.input-error-message{font-size:var(--font-size-sm);color:var(--error);align-items:center;gap:.25rem;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;outline:none;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{font-size:var(--font-size-sm);padding:.5rem 1rem}.btn-md{font-size:var(--font-size-base);padding:.75rem 1.5rem}.btn-lg{font-size:var(--font-size-lg);padding:1rem 2rem}.btn-full-width{width:100%}.btn-primary:hover:not(:disabled){box-shadow:var(--glass-shadow);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:var(--glass-shadow)}.btn-secondary:hover:not(:disabled){box-shadow:var(--glass-shadow);transform:translateY(-2px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-primary);box-shadow:var(--glass-shadow)}.btn-glass:hover:not(:disabled){background:var(--glass-bg-hover);border-color:var(--primary);transform:translateY(-2px)}.btn-spinner{width:1.2em;height:1.2em;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon-left,.btn-icon-right{justify-content:center;align-items:center;display:inline-flex}.btn-icon-left{margin-right:-.25rem}.btn-icon-right{margin-left:-.25rem}.auth-form{flex-direction:column;gap:clamp(1rem,4vh,2rem);width:100%;max-width:450px;animation:.5s ease-out fadeIn;display:flex}.auth-form-header{text-align:center;flex-direction:column;gap:clamp(.25rem,1vh,.5rem);display:flex}.auth-form-title{font-size:var(--font-size-3xl);background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:700}.auth-form-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.auth-form-fields{flex-direction:column;gap:clamp(.75rem,2vh,1.5rem);display:flex}.auth-form-options{justify-content:space-between;align-items:center;margin-top:-.5rem;display:flex}.checkbox-label{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-base);align-items:center;gap:.625rem;display:flex}.checkbox-label:hover{color:var(--text-primary)}.checkbox-label input[type=checkbox]{appearance:none;border:2px solid var(--glass-border);border-radius:var(--radius-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:18px;height:18px;transition:all var(--transition-base);flex-shrink:0;position:relative}[data-theme=light] .checkbox-label input[type=checkbox]{background:var(--surface-elevated);-webkit-backdrop-filter:none;backdrop-filter:none}.checkbox-label input[type=checkbox]:hover{border-color:var(--primary);background:var(--glass-bg)}.checkbox-label input[type=checkbox]:checked{background:var(--primary-gradient);border-color:var(--primary)}.checkbox-label input[type=checkbox]:checked:before{content:"✓";color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute;top:0;left:0}.password-toggle{cursor:pointer;color:inherit;transition:opacity var(--transition-base);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.password-toggle:hover{opacity:1}.password-strength{margin-top:var(--spacing-sm);gap:var(--spacing-xs);flex-direction:column;display:flex}.password-strength-bars{gap:var(--spacing-xs);display:flex}.password-strength-bar{background:var(--glass-border);border-radius:var(--radius-sm);height:4px;transition:all var(--transition-base);flex:1}.auth-error-message{color:var(--error);text-align:center;background:var(--error-bg-subtle);border-radius:var(--radius-md);border:1px solid var(--error-border-subtle);margin-top:-.5rem;padding:.5rem;font-size:.875rem}.password-strength-bar.active{background:var(--success)}.password-strength-bar.active.strength-1{background:var(--error)}.password-strength-bar.active.strength-2{background:var(--warning)}.password-strength-bar.active.strength-3{background:var(--info)}.password-strength-bar.active.strength-4{background:var(--success)}.password-strength-text{font-size:var(--font-size-xs);color:var(--text-muted)}.auth-form-actions{flex-direction:column;gap:clamp(.75rem,2vh,1rem);display:flex}.success-icon{width:80px;height:80px;margin:0 auto var(--spacing-lg);background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:3rem;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.auth-form{max-width:100%}.auth-form-title{font-size:var(--font-size-2xl)}}.theme-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-secondary);border-radius:50px;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.theme-toggle:hover{background:var(--surface-elevated);color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.theme-toggle:active{transform:translateY(0)}.theme-icon{transition:all .5s cubic-bezier(.64,.57,.67,1.53);position:absolute}[data-theme=light] .theme-toggle .sun-icon{opacity:1;transform:rotate(0)scale(1)}[data-theme=light] .theme-toggle .moon-icon{opacity:0;transform:rotate(90deg)scale(0)}[data-theme=dark] .theme-toggle .sun-icon{opacity:0;transform:rotate(-90deg)scale(0)}[data-theme=dark] .theme-toggle .moon-icon{opacity:1;transform:rotate(0)scale(1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.confirm-modal-container{border:1px solid var(--glass-border);width:90%;max-width:450px;box-shadow:var(--glass-shadow);text-align:center;border-radius:24px;flex-direction:column;align-items:center;padding:2.5rem;display:flex;position:relative;background:var(--surface)!important}.modal-close-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s;position:absolute;top:1.25rem;right:1.25rem}.modal-close-icon:hover{color:var(--text-primary)}.modal-icon-wrapper{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.modal-icon-wrapper.danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.modal-icon-wrapper.warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.modal-icon-wrapper.info{color:#0ea5e9;background:#0ea5e91a;border:1px solid #0ea5e933}.modal-icon-wrapper.primary{color:var(--primary);background:#7c3aed1a;border:1px solid #7c3aed33}.modal-icon-wrapper.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.modal-content{margin-bottom:2rem}.modal-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.modal-message{color:var(--text-secondary);font-size:1rem;line-height:1.6}.modal-actions{gap:1rem;width:100%;display:flex}.btn-modal-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;border-radius:12px;flex:1;padding:.85rem;font-weight:600;transition:all .3s}.btn-modal-secondary:hover{background:var(--glass-bg)}.btn-modal-primary{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;padding:.85rem;font-weight:600;transition:all .3s}.btn-modal-primary.danger{background:#ef4444;box-shadow:0 4px 15px #ef44444d}.btn-modal-primary.danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-modal-primary.warning{background:#f59e0b;box-shadow:0 4px 15px #f59e0b4d}.btn-modal-primary.warning:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-modal-primary.info{background:#0ea5e9;box-shadow:0 4px 15px #0ea5e94d}.btn-modal-primary.info:hover{background:#0284c7;transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.btn-modal-primary.primary{background:var(--primary-gradient);box-shadow:0 4px 15px #7c3aed4d}.btn-modal-primary.primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-modal-primary.success{background:#22c55e;box-shadow:0 4px 15px #22c55e4d}.btn-modal-primary.success:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.profile-page{background:var(--bg-primary);min-height:100vh;display:flex}.profile-content{flex-direction:column;flex:1;justify-content:center;margin-left:280px;padding:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed~.profile-content{margin-left:55px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-container{box-sizing:border-box;width:100%;margin:0;padding:2rem}.profile-header{margin-bottom:2rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.profile-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.profile-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.profile-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.profile-card{animation:.7s cubic-bezier(.16,1,.3,1) backwards fadeInUp;box-shadow:none!important;transform:none!important}.profile-card.profile-main{animation-delay:.1s}.profile-card:nth-child(2){animation-delay:.2s}.profile-card:nth-child(3){animation-delay:.3s}.profile-card:nth-child(4){animation-delay:.4s}.profile-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;height:100%;display:flex}.profile-avatar-section{justify-content:center;align-items:center;display:flex;position:relative}.profile-avatar-container{cursor:pointer;width:120px;height:120px;position:relative}.delete-photo-btn{color:#fff;border:2px solid var(--surface-primary);cursor:pointer;z-index:10;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex;position:absolute;top:-1px;right:4px}.delete-photo-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 4px 12px #ef444466}.profile-avatar-large{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;font-size:3rem;font-weight:700;transition:all .3s;display:flex}.profile-avatar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;background:#000000b3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.profile-avatar-overlay span{font-size:.875rem;font-weight:600}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-info-main{flex:1}.profile-name{color:var(--text-primary);margin:0 0 .5rem;font-size:2rem;font-weight:700}.profile-email{color:var(--text-secondary);margin:0 0 1rem;font-size:1rem}.profile-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.profile-badge.admin{background:rgba(var(--tone-1-rgb), .1);color:var(--tone-1);border:1px solid rgba(var(--tone-1-rgb), .2)}[data-theme=light] .profile-badge.admin{color:var(--tone-2)}.profile-badge.gghh{color:#0369a1;background:#0369a11a;border:1px solid #0369a133}.profile-badge.sst{color:#059669;background:#10b9811a;border:1px solid #10b98133}.profile-badge.jefe{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.profile-badge.user{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.profile-roles-container{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.profile-card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600;display:flex}.profile-details{flex-direction:column;gap:1.25rem;display:flex}.profile-detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.detail-value{color:var(--text-primary);margin-top:.25rem;padding-left:0;font-size:.95rem;font-weight:600}.profile-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-item{text-align:center}.stat-value{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.875rem}.profile-actions{flex-direction:column;gap:1rem;display:flex}.action-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.action-btn:hover{background:rgba(var(--tone-1-rgb,147, 51, 234), .2);border-color:rgba(var(--tone-1-rgb,147, 51, 234), .4);color:var(--primary);transform:translate(4px)}.action-btn:active{transform:translate(2px)}.profile-info-main{flex-direction:column;align-items:center;width:100%;display:flex}.profile-email,.profile-name{margin-bottom:.5rem}.profile-password-form-integrated{border-top:1px solid var(--glass-border);flex-direction:column;gap:1.25rem;width:100%;margin-top:.5rem;padding-top:2rem;display:flex}.profile-password-form-integrated h4{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;font-weight:600;display:flex}.profile-password-form-integrated .input-field{background:var(--surface-elevated);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem}.password-input-wrapper{position:relative}.password-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.profile-password-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.profile-info-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem 1rem;width:100%;margin-bottom:2rem;display:grid}.profile-report-section{border-top:1px solid var(--glass-border);flex-direction:column;align-items:flex-end;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-report-error{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-report-error:hover{background:#dc2626;box-shadow:0 4px 12px #ef44444d}.modal-input{background:var(--surface-elevated);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;padding:.75rem 2.5rem .75rem .75rem;font-size:.9rem}@media (max-width:1024px){.profile-content{margin-left:0}}@media (max-width:768px){.profile-container{padding:1.5rem 1rem}.profile-title{font-size:1.75rem}.profile-grid{grid-template-columns:1fr}.profile-password-grid,.profile-info-grid{gap:1.25rem;grid-template-columns:1fr!important}.profile-password-form-integrated h4{justify-content:center}.profile-card{padding:1.25rem!important}.profile-main{text-align:center;flex-direction:column;gap:1.5rem}.profile-info-main{flex-direction:column;align-items:center;width:100%;display:flex}.profile-avatar-section{margin-bottom:.5rem}.btn-report-error{justify-content:center;width:100%;margin:0 auto}.profile-report-section{text-align:center}.profile-avatar-container{width:100px;height:100px}.profile-avatar-large{width:100px;height:100px;font-size:2.5rem}.profile-name{font-size:1.5rem}.detail-value{word-break:break-word;padding-left:0}}.panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;background:#0006;width:100vw;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.panel-overlay.open{opacity:1;visibility:visible}.right-panel{width:500px;height:100vh;background:var(--surface);-webkit-backdrop-filter:blur(30px);border-left:1px solid var(--glass-border);z-index:1001;height:-webkit-fill-available;box-shadow:var(--glass-shadow);flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:-500px}.right-panel.open{right:0}@media (max-width:768px){.form-grid-2{grid-template-columns:1fr!important;gap:1rem!important}}.panel-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);justify-content:space-between;align-items:center;padding:1.75rem 2rem;display:flex;position:relative;overflow:hidden}.panel-header:after{content:"";background:var(--primary-gradient);width:60px;height:2px;position:absolute;bottom:0;left:0}.panel-header-content{align-items:center;gap:1.25rem;display:flex}.panel-header-icon{background:var(--glass-bg);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--primary);box-shadow:var(--glass-shadow);border-radius:14px;justify-content:center;align-items:center;display:flex}.panel-title-group{flex-direction:column;gap:.25rem;display:flex}.panel-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.15rem;font-weight:700}.panel-subtitle{color:var(--text-secondary);font-size:.85rem;font-weight:500}.panel-close-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.panel-close-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433;transform:rotate(90deg)}.panel-content{flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:0 0}.panel-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.panel-footer{border-top:1px solid var(--glass-border);background:var(--surface-elevated);margin-top:auto;padding:1.25rem 2rem 2.5rem}@media (max-width:768px){.right-panel{border-left:none;right:-100%;width:100%!important}.panel-header{padding:1.25rem 1.5rem}.panel-header-icon{border-radius:12px;width:40px;height:40px}.panel-title{font-size:1.05rem}.panel-content{padding:1.25rem 1.5rem}.panel-footer{padding:1rem 1.5rem 2rem}.panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width:480px){.panel-header,.panel-content{padding:1rem}.panel-footer{padding:.75rem .75rem 1rem}}.calendar-full{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);width:100%;height:85vh;min-height:600px;box-shadow:var(--glass-shadow);color:var(--text-primary);flex-direction:column;animation:.6s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;overflow:hidden}.calendar-controls{gap:var(--spacing-sm);align-items:center;display:flex}.nav-btn,.today-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;font-weight:600;transition:all .2s;display:flex}.today-btn{padding:.5rem 1rem}.nav-btn:hover,.today-btn:hover{background:var(--glass-bg);border-color:var(--primary);color:var(--primary)}.calendar-days-header{background:rgba(var(--tone-1-rgb), .05);border-bottom:1px solid var(--glass-border);grid-template-columns:repeat(7,1fr);display:grid}.day-name{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding:1rem;font-size:.75rem;font-weight:700}.calendar-main-grid{scrollbar-width:none;flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto);display:grid;overflow-y:auto}.calendar-main-grid::-webkit-scrollbar{display:none}.calendar-day{border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);flex-direction:column;gap:.5rem;height:100%;min-height:120px;padding:.75rem 0;transition:background .2s;display:flex;position:relative;overflow:visible}.calendar-day:nth-child(7n){border-right:none}.calendar-day:not(.empty):hover{background:rgba(var(--tone-1-rgb), .03)}.day-header{justify-content:space-between;align-items:center;padding:0 .75rem;display:flex}.day-number{opacity:.8;font-weight:700}.today .day-number{color:var(--primary);font-size:1.1rem;font-weight:800}.calendar-day.today{background:rgba(var(--tone-1-rgb), .05)}.today-label{color:var(--primary);font-size:.65rem;font-weight:800}.day-events{flex-direction:column;flex:1;gap:1px;display:flex}.event-spacer{width:100%;height:16px;margin-bottom:1px}.event-item{cursor:default;white-space:nowrap;text-overflow:ellipsis;border-radius:0;align-items:center;gap:4px;width:100%;height:16px;padding:2px .5rem;font-size:10px;font-weight:700;line-height:1;transition:all .2s;display:flex;position:relative;overflow:hidden;border:none!important}.event-user-prefix{opacity:.95;text-transform:uppercase;color:inherit;font-weight:700}.incapacidad .event-user-prefix{color:#fff}.event-detail-summary{opacity:.8;font-size:.7rem;font-style:italic;font-weight:400}.event-item.start{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:2px}.event-item.middle{border-radius:0}.event-item.end{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:2px}.event-item.single{border-radius:4px;margin:0 2px}.event-item.week-start:not(.start){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}.event-item.week-end:not(.end){border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}.event-item{margin-bottom:1px}.event-item:active{cursor:grabbing;transform:scale(.98)}.drag-handle{opacity:.4}.event-item.novedad{background:rgba(var(--tone-1-rgb), .2);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--primary)}.event-item.middle.novedad,.event-item.end.novedad{box-shadow:none}.event-item.ausentismo{background:rgba(var(--warning-rgb), .2);color:var(--warning);box-shadow:inset 3px 0 0 var(--warning)}.event-item.middle.ausentismo,.event-item.end.ausentismo{box-shadow:none}.event-item.incapacidad{background:var(--tone-1);color:#fff;box-shadow:inset 3px 0 #fff}.event-item.middle.incapacidad,.event-item.end.incapacidad{box-shadow:none}.event-item.vacacion{box-shadow:inset 3px 0 #fff}.event-item.middle.vacacion,.event-item.end.vacacion{box-shadow:none}.event-item.tiquete{background:rgba(var(--error-rgb), .15);color:var(--text-primary);box-shadow:inset 3px 0 0 var(--error)}.event-item.middle.tiquete,.event-item.end.tiquete{box-shadow:none}@media (max-width:1024px){.calendar-full{height:auto;min-height:800px}}@media (max-width:768px){.day-name{padding:.5rem;font-size:.65rem}.today-label{display:none}.calendar-day{min-height:100px;padding:.5rem}.event-title{text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(var(--tone-1-rgb), .3)}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--tone-1-rgb), .4);transform:translateY(-2px)}.add-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-btn:hover{background:rgba(var(--tone-1-rgb), .1);border-color:var(--primary);transform:translateY(-1px)}.add-btn.active-view{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px rgba(var(--tone-1-rgb), .3);border-color:#0000}.btn-secondary{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--text-secondary);background:#ffffff0d}.form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.form-input[type=time]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}[data-theme=light] .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=light] .form-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}.form-input[type=date],.form-input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .form-input[type=date],[data-theme=light] .form-input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.agenda-view-container{flex-direction:column;flex:1;gap:1rem;padding:1rem 2rem;display:flex;overflow-y:auto}.agenda-day-section{grid-template-columns:120px 1fr;gap:2rem;display:grid;position:relative}.agenda-day-section:before{content:"";background:var(--glass-border);opacity:.5;width:2px;position:absolute;top:0;bottom:-1rem;left:140px}.agenda-day-section:last-child:before{bottom:0}.agenda-day-column{justify-content:flex-end;display:flex}.agenda-date-badge{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:10px;flex-direction:column;align-items:center;gap:.15rem;min-width:70px;height:fit-content;padding:.5rem;display:flex}.today-section .agenda-date-badge{background:var(--primary-gradient);color:#fff;border-color:#0000}.agenda-day-name{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:.6rem;font-weight:800}.agenda-day-num{font-size:1.25rem;font-weight:900}.agenda-events-column{flex-direction:column;gap:1rem;padding-bottom:.5rem;display:flex}.agenda-event-card{background:var(--surface-elevated);border:1px solid var(--glass-border);cursor:default;border-radius:12px;flex-direction:column;gap:.25rem;padding:.6rem 1rem;transition:all .3s;display:flex}.agenda-event-card:hover{border-color:var(--primary);transform:translate(5px)}.agenda-event-card.novedad{box-shadow:inset 4px 0 0 var(--primary)}.agenda-event-card.ausentismo{box-shadow:inset 4px 0 0 var(--warning)}.agenda-event-card.incapacidad{box-shadow:inset 4px 0 #f9bb01}.agenda-event-card.tiquete{box-shadow:inset 4px 0 0 var(--error)}.calendar-header{background:linear-gradient(to bottom, rgba(var(--tone-1-rgb), .08), transparent);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.calendar-title-section{flex-direction:column;gap:.25rem;display:flex}.calendar-month-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:800}.calendar-month-title span{color:var(--primary);font-weight:400}.calendar-view-indicator{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.event-time-indicator{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.event-details .event-title{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.15rem;font-size:.95rem;font-weight:700;display:flex}.event-user-badge{background:rgba(var(--tone-1-rgb), .1);color:#fff;text-transform:uppercase;border-radius:4px;padding:.1rem .4rem;font-size:.7rem;font-weight:800}.event-type-label{font-weight:700}.event-agenda-detail{opacity:.8;font-size:.85rem;font-weight:400}.event-meta{color:var(--text-secondary);margin:0;font-size:.75rem}.agenda-no-events{border:1px dashed var(--glass-border);color:var(--text-secondary);text-align:center;background:rgba(var(--tone-1-rgb), .02);border-radius:16px;padding:1.5rem;font-size:.9rem}@media (max-width:768px){.form-grid-2{grid-template-columns:1fr;gap:.75rem}.calendar-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem}.calendar-title-section{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.calendar-controls{justify-content:space-between;width:100%}.calendar-month-title{font-size:1.25rem}.agenda-day-section{grid-template-columns:1fr;gap:1rem}.agenda-day-section:before{display:none}.agenda-day-column{justify-content:flex-start}.agenda-date-badge{flex-direction:row;gap:1rem;min-width:0;padding:.5rem 1rem}.agenda-day-num{font-size:1.1rem}}.panel-footer-actions{justify-content:flex-end;align-items:center;gap:.75rem;width:100%;padding:.5rem 0;display:flex}.btn-danger-soft{color:#ef4444!important;background:#ef44441a!important;border:1px solid #ef444433!important;transition:all .2s!important}.btn-danger-soft:hover{transform:translateY(-1px);background:#ef444433!important;border-color:#ef444466!important}@media (max-width:768px){.panel-footer-actions{flex-wrap:wrap;justify-content:center;gap:.5rem}.panel-footer-actions .btn-danger{order:3;width:100%;margin-right:0!important}}.novedades-container{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);box-sizing:border-box;flex-direction:column;height:100%;margin:0;animation:.5s ease-out fadeIn;display:flex}.novedades-header{margin-bottom:var(--spacing-sm)}.novedades-calendar-section{flex-direction:column;flex:1;margin-top:0;display:flex}.novedades-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700;line-height:1.1}.novedades-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.novedades-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.novedad-card{transition:transform var(--transition-base), box-shadow var(--transition-base)}.novedad-card:hover{box-shadow:var(--glass-shadow);transform:translateY(-4px)}@media (max-width:768px){.novedades-container{padding:var(--spacing-md)}.novedades-title{font-size:var(--font-size-2xl)}.novedades-grid{grid-template-columns:1fr}}.ausentismos-page-container{box-sizing:border-box;width:100%;margin:0;padding:1.5rem 2rem 6rem}.ausentismos-header{justify-content:space-between;align-items:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.ausentismos-stats-tabs{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:1.25rem;padding:2px;animation:.6s cubic-bezier(.16,1,.3,1) .1s backwards fadeInUp;display:inline-flex;overflow:hidden}.ausentismos-filters-card{margin-bottom:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeInUp}.btn-export-excel{color:#fff;cursor:pointer;background:#107c41;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #107c4133}.detail-cell{white-space:nowrap;text-overflow:ellipsis;max-width:200px;overflow:hidden}.professional-table th{color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--glass-border);background:var(--surface-elevated);letter-spacing:.02em!important;padding:.3rem .5rem!important;font-size:.8rem!important;font-weight:700!important}.professional-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;color:var(--text-primary);white-space:nowrap;padding:.25rem .5rem!important;font-size:.8rem!important}.professional-table td *{font-size:inherit!important}.professional-table tr{cursor:pointer;transition:all .2s}.user-name-text{color:var(--text-primary);font-weight:600;font-size:.65rem!important}.user-doc-text{color:var(--text-secondary);font-size:.8rem;font-size:.6rem!important}.badge-info{color:var(--info);background:#3b82f61a;border:1px solid #3b82f633}.badge-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:var(--warning);background:#f59e0b1a;border:1px solid #f59e0b33}@media (max-width:768px){.ausentismos-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-content{flex-direction:column;align-items:stretch}.pagination-bar-bi{text-align:center;flex-direction:column;gap:1rem}.form-grid-2{grid-template-columns:1fr;gap:.75rem}}@keyframes skeleton-pulse{0%{opacity:.5;background-color:var(--glass-border)}50%{opacity:1;background-color:var(--glass-bg)}to{opacity:.5;background-color:var(--glass-border)}}.files-modal-list{flex-direction:column;gap:1rem;max-height:400px;margin-top:1.5rem;padding-right:.5rem;display:flex;overflow-y:auto}.edit-form-container{flex-direction:column;gap:1.25rem;padding:1.5rem .5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.form-input{border:1px solid var(--glass-border);background:var(--surface-elevated);width:100%;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;transition:all .3s}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #7c3aed1a}.diagnostico-dropdown{background:var(--surface-card);border:1px solid var(--glass-border);z-index:100;border-radius:12px;max-height:250px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0003}.diagnostico-item{cursor:pointer;border-bottom:1px solid var(--glass-border);padding:.75rem 1rem;font-size:.85rem;transition:all .2s}.diagnostico-item:hover{background:var(--glass-bg)}.diagnostico-item strong{color:var(--primary)}.checkbox-label{cursor:pointer;align-items:center;gap:.75rem;display:flex;font-size:.9rem!important;font-weight:500!important}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);border-radius:6px}.file-item-row{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:12px;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-small}@keyframes spin-small{to{transform:rotate(360deg)}}.file-item-row:hover{background:var(--glass-bg);border-color:var(--primary);transform:translateY(-2px)}.file-info{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:500;display:flex}.btn-download-file{background:var(--primary-gradient);color:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.btn-download-file:hover{opacity:.9;box-shadow:0 4px 12px #7c3aed4d}.btn-view-files{transition:all .2s;padding:.2rem .4rem!important;font-size:.55rem!important}.btn-view-files:hover{background:var(--info);color:#fff;transform:scale(1.05)}.btn-delete-icon{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto;transition:all .2s;display:flex}.btn-delete-icon:hover{color:#fff;background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.btn-delete-icon:active{transform:scale(.95)}.novedades-pers-page-container{box-sizing:border-box;width:100%;margin:0;padding:1.5rem 2rem 6rem}.novedades-pers-header{justify-content:space-between;align-items:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.novedades-pers-stats-tabs{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:1.25rem;padding:2px;animation:.6s cubic-bezier(.16,1,.3,1) .1s backwards fadeInUp;display:inline-flex;overflow:hidden}.novedades-pers-filters-card{margin-bottom:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeInUp}.btn-view-detail{transition:all .2s}.btn-view-detail:hover{transform:scale(1.05);background:var(--info)!important;color:#fff!important;border-color:var(--info)!important}.table-wrapper{border:1px solid var(--glass-border);background:var(--surface-card);border-radius:16px;animation:.6s cubic-bezier(.16,1,.3,1) .3s backwards fadeInUp;overflow-x:auto}.professional-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;color:var(--text-primary);padding:1rem 1.5rem;font-size:.9rem}.user-avatar-small{background:var(--primary-gradient);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.detail-cell{max-width:300px;color:var(--text-secondary);font-size:.85rem}.date-group-row,.time-group-row{white-space:nowrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.date-text,.time-text{font-weight:500}.date-separator{opacity:.5;padding:0 .1rem}.text-secondary{color:var(--text-secondary);opacity:.8}.badge-info{color:var(--info);background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-success{color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-warning{color:var(--warning);background:#facc151a;border:1px solid #facc1533;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.pagination-bar-bi{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem;animation:.6s cubic-bezier(.16,1,.3,1) .4s backwards fadeInUp;display:flex}.pagination-left,.pagination-center,.pagination-right{align-items:center;gap:.75rem;display:flex}.items-per-page-select{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:6px;outline:none;padding:.25rem .5rem}.pag-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.pag-btn:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary)}.pag-num-btn{min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.pag-num-btn.active{background:var(--primary);color:#fff}@media (max-width:768px){.novedades-pers-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-content{flex-direction:column;align-items:stretch}.pagination-bar-bi{text-align:center;flex-direction:column;gap:1rem}}.skeleton-line{background:var(--glass-bg);border-radius:6px;height:12px;margin:4px 0;animation:1.5s ease-in-out infinite skeleton-pulse}@keyframes sidebarPulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.1);box-shadow:0 0 0 4px #22c55e00}}@keyframes statusPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.role-badge.usuario,.role-badge.user{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf633}[data-theme=light] .role-badge.usuario,[data-theme=light] .role-badge.user{color:#6d28d9;background:#8b5cf626}@media (max-width:1400px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.users-header{text-align:center;gap:1.5rem}.users-page-container{padding:1rem}.users-stats-tabs{justify-content:space-between;width:100%;display:flex}.users-grid{gap:1.5rem;width:100%;grid-template-columns:1fr!important}.stat-tab{flex:1;justify-content:center;gap:.35rem;padding:.5rem;font-size:.75rem}.stat-count{min-width:18px;height:18px;font-size:.65rem}.user-card-structured{height:auto}.card-header-v{padding:.35rem 1rem}.card-user-name-v{font-size:.85rem}.card-body-v{text-align:left;flex-direction:row;align-items:flex-start;gap:1rem;padding:.5rem 1.25rem}.card-body-right{align-items:flex-start;width:auto}.card-roles-v{justify-content:flex-start;gap:.3rem}.role-badge{letter-spacing:.01em;line-height:1;padding:.2rem .15rem!important;font-size:.45rem!important}.card-footer-v{flex-direction:row;justify-content:space-between;padding:.35rem 1rem}.card-last-access-v{justify-content:flex-start;width:auto}.card-actions-v{justify-content:flex-end;width:auto}.btn-action-icon{width:36px;height:36px}.filter-menu{width:220px;max-width:calc(100vw - 2rem);left:0;right:auto}}@media (max-width:768px){.users-header{flex-direction:column;align-items:stretch;gap:1rem}.filters-content{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.filter-actions{justify-content:space-between;position:relative}.form-grid{grid-template-columns:1fr}}@media (max-width:768px){.pagination-bar-bi{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.pagination-left,.pagination-center,.pagination-right{flex:none;justify-content:center;width:100%}.pagination-info-text{font-size:.8rem}.pag-btn,.pag-num-btn{min-width:28px;height:28px;font-size:.8rem}}@media (max-width:400px){.pagination-bar-bi{padding:.75rem .5rem}.pagination-controls-bi{gap:.2rem}.pag-numbers{gap:.2rem;margin:0 .25rem}.pag-btn,.pag-num-btn{min-width:26px;height:26px;font-size:.75rem}.pagination-info-text{font-size:.75rem}}.users-page-container{box-sizing:border-box;width:100%;margin:0;padding:1.5rem 2rem 6rem}.users-header{justify-content:space-between;align-items:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.add-user-btn{background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #667eea4d}.add-user-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.users-stats-tabs{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:1.25rem;padding:2px;animation:.6s cubic-bezier(.16,1,.3,1) .1s backwards fadeInUp;display:inline-flex;overflow:hidden}.users-filters-card{z-index:10;margin-bottom:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeInUp;position:relative}.users-content{animation:.6s cubic-bezier(.16,1,.3,1) .3s backwards fadeInUp}.search-input:focus{background:var(--surface);border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #7c3aed1a}.filter-btn{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:flex}.filter-btn:hover{border-color:var(--text-secondary);background:#ffffff1a}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable:hover{background:var(--glass-bg)}.th-content{align-items:center;gap:.5rem;display:flex}.active-sort{color:var(--primary)}.filter-dropdown-container{display:inline-block;position:relative}.filter-menu{z-index:1000;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:220px;box-shadow:var(--glass-shadow);border-radius:12px;flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface)!important}.filter-menu button{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.filter-menu button:hover{background:var(--glass-bg);color:var(--text-primary)}.filter-menu button.active{color:var(--primary);background:#7c3aed1a}.rotate{transform:rotate(180deg)}.toggle-btn{color:var(--text-secondary);background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.table-wrapper{overflow-x:auto}.professional-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:1.25rem 1.5rem;font-size:.75rem;font-weight:600}.professional-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:1rem 1.5rem}.user-avatar-small{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex;position:relative}.user-status-dot{border:2px solid var(--surface-card);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.user-status-dot.online{background:#22c55e;animation:2s ease-in-out infinite sidebarPulse;box-shadow:0 0 8px #22c55e66}.user-status-dot.away{background:#f59e0b}.user-status-dot.offline{background:#6b7280}.user-avatar-small .user-status-dot{border-width:1.5px;width:12px;height:12px;bottom:-1px;right:-1px}.user-details-small{flex-direction:column;display:flex}.user-name-text{color:var(--text-primary);font-weight:600}.user-email-text{color:var(--text-secondary);font-size:.85rem}.status-badge-compact,.status-badge-simple-compact{align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:inline-flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.online{background:#10b981;animation:2s infinite statusPulse;box-shadow:0 0 10px #10b98166}.status-dot.offline{background:#6b7280}.status-dot.away{background:#f59e0b}.role-badge{text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;border-radius:20px;align-items:center;gap:.4rem;padding:.15rem .45rem;font-size:.6rem;font-weight:700;display:inline-flex}.role-badge svg{opacity:.8}.role-badge.sa{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b33}[data-theme=light] .role-badge.sa{color:#b45309;background:#f59e0b26}.role-badge.admin{background:rgba(var(--tone-1-rgb), .15);color:var(--tone-1);border-color:rgba(var(--tone-1-rgb), .3)}[data-theme=light] .role-badge.admin{background:rgba(var(--tone-1-rgb), .15);color:var(--tone-2)}.role-badge.jefe{background:rgba(var(--tone-2-rgb), .15);color:var(--tone-1);border-color:rgba(var(--tone-2-rgb), .3)}[data-theme=light] .role-badge.jefe{background:rgba(var(--tone-2-rgb), .15);color:var(--tone-2)}.role-badge.sst{color:var(--success);background:#10b9811a;border-color:#10b98133}[data-theme=light] .role-badge.sst{color:#047857;background:#10b98126}.role-badge.gghh{color:var(--info);background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .role-badge.gghh{color:#1d4ed8;background:#3b82f626}.role-badge.usuario{color:#a78bfa;background:#8b5cf61a;border-color:#8b5cf633}[data-theme=light] .role-badge.usuario{color:#6d28d9;background:#8b5cf626}.role-badge.extra{color:#fff;background:0 0;border-color:#fff;font-weight:600}[data-theme=light] .role-badge.extra{color:var(--text-secondary);border-color:var(--glass-border);background:var(--surface-elevated)}.roles-tooltip-container{align-items:center;display:inline-flex;position:relative}.roles-tooltip-text{visibility:hidden;opacity:0;background-color:var(--surface-elevated);width:max-content;color:var(--text-primary);text-align:center;border-radius:var(--radius-md);z-index:var(--z-dropdown);box-shadow:var(--shadow-logo);border:1px solid var(--glass-border);pointer-events:none;text-transform:capitalize;padding:6px 10px;font-size:.75rem;font-weight:600;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:125%;left:50%;transform:translate(-50%)translateY(-10px)}[data-theme=light] .roles-tooltip-text{background-color:#fff}.roles-tooltip-text:after{content:"";border-style:solid;border-width:5px;border-color:transparent transparent var(--surface-elevated) transparent;margin-left:-5px;position:absolute;bottom:100%;left:50%}[data-theme=light] .roles-tooltip-text:after{border-color:#0000 #0000 #fff}.roles-tooltip-container:hover .roles-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.toggle-switch{width:44px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary)}input:checked+.toggle-slider:before{transform:translate(22px)}.activo-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.activo-badge.yes{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.activo-badge.no{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.filter-group-label{color:var(--text-muted);text-transform:uppercase;padding:.5rem 1rem .25rem;font-size:.75rem;font-weight:700}.filter-divider-small{background:var(--glass-border);height:1px;margin:.25rem .5rem}.status-badge{align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.status-icon.active{color:#10b981}.status-icon.inactive{color:#ef4444}.status-icon.pending{color:#f59e0b}.access-time{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.action-btns{justify-content:flex-end;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--glass-border);color:var(--text-secondary);background:0 0;border-radius:8px;padding:.5rem;transition:all .2s}.icon-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--glass-bg)}.icon-btn.edit:hover{color:var(--primary);border-color:var(--primary)}.icon-btn.delete:hover{color:#ef4444;border-color:#ef4444}.users-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;display:grid}.user-card-structured{border:1px solid var(--glass-border);background:var(--surface-card);flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;padding:0!important}.user-card-structured:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}[data-theme=light] .user-card-structured:hover{box-shadow:0 12px 40px #6d0cb41a}.card-header-v{background:#ffffff05;align-items:center;gap:1rem;padding:.45rem 1.5rem;display:flex}.card-user-name-v{color:var(--text-primary);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.card-body-v{flex:1;align-items:flex-start;gap:1.25rem;padding:.65rem 1.5rem;display:flex}.card-body-left{flex-shrink:0}.user-avatar-wrapper-v{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:16px;padding:4px}.card-body-right{flex-direction:column;gap:.4rem;min-width:0;display:flex}.card-user-doc-v{color:var(--text-secondary);margin:0;font-size:.8rem;font-weight:600}.card-roles-v{flex-wrap:wrap;gap:.4rem;display:flex}.card-account-status-v{align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.account-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.card-footer-v{background:#0000000d;justify-content:space-between;align-items:center;padding:.45rem 1.5rem;display:flex}[data-theme=light] .card-footer-v{background:#00000005}.card-last-access-v{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.72rem;font-weight:500;display:flex}.card-actions-v{align-items:center;gap:.5rem;display:flex}.card-separator{background:linear-gradient(90deg, transparent, var(--glass-border), transparent);width:100%;height:1px}.user-card-horizontal{display:none}.btn-action-icon{background:var(--surface-elevated);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-action-icon:hover{color:var(--text-primary);background:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-action-icon.edit:hover{color:var(--primary);border-color:var(--primary)}.btn-action-icon.delete:hover{color:#ef4444;border-color:#ef4444}.user-avatar-large{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;font-weight:700;line-height:1;display:flex;position:relative}@media (max-width:1400px){.users-grid{grid-template-columns:repeat(2,1fr)}}.skeleton-row td{padding:1.5rem}.skeleton-user-info{align-items:center;gap:1rem;display:flex}.skeleton-avatar{background:var(--glass-bg);border-radius:10px;width:40px;height:40px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.skeleton-line{background:var(--glass-bg);border-radius:4px;height:10px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-line.short{width:40%}.skeleton-line.mid{width:60%}.skeleton-line.long{width:85%}.skeleton-badge{background:var(--glass-bg);border-radius:12px;width:80px;height:24px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-toggle{background:var(--glass-bg);border-radius:11px;width:44px;height:22px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-actions{background:var(--glass-bg);border-radius:8px;width:100px;height:32px;margin-left:auto;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-card{pointer-events:none}.skeleton-avatar-large{background:var(--glass-bg);border-radius:12px;width:48px;height:48px;animation:1.5s ease-in-out infinite skeleton-pulse}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.opacity-20{opacity:.2}.text-center{text-align:center}.users-grid-mobile-fix{grid-template-columns:1fr}@media (max-width:600px){.users-header{text-align:center;gap:1.5rem}.users-page-container{padding:1rem}.users-stats-tabs{justify-content:space-between;width:100%;display:flex}.users-grid{gap:1.5rem;width:100%;grid-template-columns:1fr!important}.stat-tab{flex:1;justify-content:center;gap:.35rem;padding:.5rem;font-size:.75rem}.stat-count{min-width:18px;height:18px;font-size:.65rem}.user-card-structured{height:auto}.card-header-v{padding:.35rem 1rem}.card-user-name-v{font-size:.85rem}.card-body-v{text-align:left;flex-direction:row;align-items:flex-start;gap:1rem;padding:.5rem 1.25rem}.card-body-right{align-items:flex-start;width:auto}.card-roles-v{justify-content:flex-start;gap:.3rem}.role-badge{letter-spacing:.01em;line-height:1;padding:.2rem .15rem!important;font-size:.45rem!important}.card-footer-v{flex-direction:row;justify-content:space-between;padding:.35rem 1rem}.card-last-access-v{justify-content:flex-start;width:auto}.card-actions-v{justify-content:flex-end;width:auto}.btn-action-icon{width:36px;height:36px}.filter-menu{width:220px;max-width:calc(100vw - 2rem);left:0;right:auto}}.status-badge-simple{border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.status-badge-simple.active{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-badge-simple.inactive{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.status-badge-simple.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.card-footer{border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.access-info{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.card-actions{gap:.5rem;display:flex}.card-action-btn{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0d;border-radius:8px;padding:.5rem;transition:all .2s}.card-action-btn:hover{color:var(--text-primary);background:#ffffff1a}.card-action-btn.edit:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.user-form{flex-direction:column;gap:.75rem;padding-bottom:2rem;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-divider{background:var(--glass-border);height:1px;margin:1rem 0}.form-actions-fixed{background:0 0;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}@media (max-width:768px){.users-header{flex-direction:column;align-items:stretch;gap:1rem}.filters-content{flex-direction:column;align-items:stretch}.search-wrapper{max-width:none}.filter-actions{justify-content:space-between;position:relative}.form-grid{grid-template-columns:1fr}}.sidebar-avatar-container{justify-content:center;align-items:center;width:100%;margin-bottom:2rem;display:flex}.sidebar-avatar-wrapper{border:2px dashed var(--glass-border);background:var(--surface-card);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar-avatar-wrapper:hover{border-color:var(--primary)}.sidebar-avatar-initial{background:var(--primary-gradient);color:#fff;text-transform:uppercase;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex}.sidebar-avatar-overlay{opacity:0;background-color:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.sidebar-avatar-wrapper:hover .sidebar-avatar-overlay{opacity:1}.sidebar-avatar-icon{color:#fff}.sidebar-avatar-remove{background:var(--surface-card);border:1px solid var(--glass-border);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:0;right:0}.sidebar-avatar-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.sidebar-roles-container{width:100%;margin-top:-1.5rem;margin-bottom:-.5rem}.sidebar-roles-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.5rem;width:100%;display:grid}.sidebar-role-btn{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-align:center;border-radius:6px;padding:8px 12px;font-size:.85rem;transition:all .2s;overflow:hidden}.sidebar-role-btn.active{background:var(--primary);color:#fff;border:1px solid var(--primary);font-weight:600}.sidebar-role-btn.inactive{color:var(--text-primary);border:1px solid var(--glass-border);background:0 0;font-weight:400}.sidebar-role-btn.inactive:hover{background:var(--glass-bg)}.sidebar-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;width:100%;display:grid}.sidebar-mb{margin-bottom:.25rem}.optional-text{color:var(--text-muted);font-size:.75rem}.pagination-bar-bi{background:var(--surface-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin:0 0 2rem;padding:1rem 2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.pagination-left{flex:1;align-items:center;gap:.75rem;display:flex}.items-per-page-select{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:.35rem .6rem;font-size:.85rem;font-weight:600;transition:all .2s}.items-per-page-select:hover{border-color:var(--primary)}.pagination-center{flex:1;justify-content:center;display:flex}.pagination-right{flex:1;justify-content:flex-end;display:flex}.pag-numbers{gap:.35rem;margin:0 .5rem;display:flex}.pag-btn,.pag-num-btn{border:1px solid var(--glass-border);background:var(--surface-elevated);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pag-btn:hover:not(:disabled),.pag-num-btn:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--text-muted)}.pag-num-btn.active{color:#000;background:#ffc107;border-color:#ffc107;font-weight:700;box-shadow:0 4px 10px #ffc1074d}[data-theme=light] .pag-num-btn.active{box-shadow:0 4px 10px #ffc10780}@media (max-width:768px){.pagination-bar-bi{text-align:center;flex-direction:column;gap:.75rem;padding:1rem}.pagination-left,.pagination-center,.pagination-right{flex:none;justify-content:center;width:100%}.pagination-info-text{font-size:.8rem}.pag-btn,.pag-num-btn{min-width:28px;height:28px;font-size:.8rem}}@media (max-width:400px){.pagination-bar-bi{padding:.75rem .5rem}.pagination-controls-bi{gap:.2rem}.pag-numbers{gap:.2rem;margin:0 .25rem}.pag-btn,.pag-num-btn{min-width:26px;height:26px;font-size:.75rem}.pagination-info-text{font-size:.75rem}}.custom-checkbox{appearance:none;border:2px solid var(--glass-border);background:var(--surface-card);cursor:pointer;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin:0;transition:all .2s;display:inline-flex;position:relative}[data-theme=light] .custom-checkbox{background:#fff;border-color:#d1d5db}.custom-checkbox:hover{border-color:var(--primary);box-shadow:0 0 0 3px #6d0cb41a}.custom-checkbox:checked{background:var(--primary);border-color:var(--primary)}.custom-checkbox:checked:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=light] .custom-checkbox:checked:after{background:#fff}.toggle-switch-compact{width:40px;height:22px;margin-right:.25rem;display:inline-block;position:relative}.toggle-switch-compact input{opacity:0;width:0;height:0}.toggle-slider-compact{cursor:pointer;background-color:var(--glass-bg);border:1px solid var(--glass-border);border-radius:34px;transition:all .4s;position:absolute;inset:0}.toggle-slider-compact:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:3px}.toggle-switch-compact input:checked+.toggle-slider-compact{background-color:var(--primary);border-color:var(--primary)}.toggle-switch-compact input:checked+.toggle-slider-compact:before{transform:translate(18px)}tr.selected-row td{background:#6d0cb40d!important}.selected-card{border:1px solid var(--primary)!important;background:var(--surface-elevated)!important;box-shadow:0 8px 32px #6d0cb426!important}[data-theme=light] tr.selected-row td{background:#6d0cb408!important}[data-theme=light] .selected-card{box-shadow:0 8px 32px #6d0cb414!important}.tiquetera-page-container{box-sizing:border-box;width:100%;margin:0;padding:.5rem .5rem 1rem}.animate-spin{animation:1s linear infinite spin}.page-subtitle{color:var(--text-secondary);margin-left:5px;font-size:.95rem}.add-tiquete-btn{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(var(--tone-1-rgb), .3);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.add-tiquete-btn:hover{box-shadow:0 6px 20px rgba(var(--tone-1-rgb), .4);opacity:.9;transform:translateY(-2px)}.tiquetera-stats-tabs{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:10px;margin-bottom:1.25rem;padding:2px;display:inline-flex;overflow:hidden}.stat-count{background:var(--glass-bg);min-width:20px;height:20px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:.7rem;font-weight:700;transition:all .3s;display:flex}.stat-label{font-size:.85rem}.tiquetera-filters-card{z-index:10;margin-bottom:1rem;position:relative}.filter-actions{align-items:center;gap:1rem;display:flex}.add-tiquet-btn-compact{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px rgba(var(--tone-1-rgb), .3);cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.add-tiquet-btn-compact:hover{box-shadow:0 6px 20px rgba(var(--tone-1-rgb), .4);opacity:.9;transform:translateY(-2px)}.view-toggle{background:var(--surface-elevated);border:1px solid var(--glass-border);border-radius:10px;padding:4px;display:flex}.toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:all .3s}.toggle-btn.active{background:var(--primary);color:#fff}.tiquetera-content{animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeIn}.tiquetera-categories-list{flex-direction:column;gap:1.5rem;width:100%;display:flex}.tiquete-category-container{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;padding:0!important}.tiquete-category-header{background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:.5rem 1rem}.tiquete-category-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.tiquete-category-body{color:var(--text-secondary);padding:.75rem 1rem}.tiquetera-table-wrapper{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;overflow-x:auto}.professional-table{border-collapse:collapse;text-align:left;width:100%;min-width:700px}.professional-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);background:var(--glass-bg);padding:1.25rem 1.5rem;font-size:.75rem;font-weight:600}.professional-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;color:var(--text-primary);padding:1rem 1.5rem}.professional-table tr:hover{background:var(--glass-bg)}.btn-icon{border:1px solid var(--glass-border);background:var(--surface-elevated);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon:hover{background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary);transform:scale(1.05)}.btn-edit{color:var(--primary);border-color:#7c3aed4d}.btn-edit:hover{color:var(--primary);background:#7c3aed26}.badge{letter-spacing:.03em;text-transform:uppercase;border-radius:20px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.badge-general{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.badge-especial{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.badge-comodin{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.flex{display:flex}.gap-2{gap:.5rem}@media (max-width:768px){.tiquetera-page-container{padding:1rem}.tiquetera-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{width:100%}.add-tiquete-btn{justify-content:center;width:100%}.filters-content{flex-direction:column;align-items:stretch}.form-grid-2{grid-template-columns:1fr}.search-wrapper{max-width:none}.view-toggle{justify-content:center}}.panel-container-inner{flex-direction:column;height:100%;display:flex}.tiquete-form{flex-direction:column;gap:.75rem;padding-bottom:2rem;display:flex}.form-section{flex-direction:column;gap:.25rem;display:flex}.form-section-header{color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;margin:1rem 0 .5rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.form-section-header span{color:var(--text-primary)}.sidebar-mt{margin-top:1.5rem}.form-label{color:var(--text-secondary);align-items:center;gap:.6rem;margin-bottom:.6rem;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.form-label svg{color:var(--primary);opacity:.8}.form-section:focus-within .form-label{color:var(--primary)}.form-section:focus-within .form-label svg{opacity:1;transform:scale(1.1)}.form-input,.form-select{box-sizing:border-box;border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:12px;padding:.85rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus,.form-select:focus{border-color:var(--primary);background:#ffffff14;outline:none;box-shadow:0 0 0 4px #7c3aed1a}.form-select option{background:var(--surface-card);color:var(--text-primary)}.form-grid-2{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-actions-fixed{background:0 0;justify-content:flex-end;gap:1rem;width:100%;margin-top:auto;display:flex}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:.85rem 1.75rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.btn-primary:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;padding:.85rem 1.75rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff1a}.btn-primary:active{transform:translateY(0)}.btn-secondary:active{background:#ffffff26}.image-upload-container{width:100%}.hidden-file-input{display:none}.image-upload-zone{border:2px dashed var(--glass-border);cursor:pointer;text-align:center;background:#ffffff05;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;transition:all .3s;display:flex}.image-upload-zone:hover{border-color:var(--primary);background:#7c3aed0d}.upload-icon-wrapper{background:var(--surface-elevated);width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex;box-shadow:0 4px 12px #0000001a}.upload-text{flex-direction:column;gap:.25rem;display:flex}.upload-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.upload-subtitle{color:var(--text-secondary);font-size:.8rem}.image-preview-zone{border:1px solid var(--glass-border);background:#0003;border-radius:12px;width:100%;height:200px;position:relative;overflow:hidden}.image-preview-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.image-preview-overlay{opacity:1;background:linear-gradient(#0000 0%,#0006 50%,#000000e6 100%);justify-content:space-between;align-items:center;padding:1.25rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.image-preview-overlay .btn-secondary{background:var(--surface-button,#ffffff26);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff4d;font-weight:600;color:#fff!important}.image-preview-overlay .btn-secondary:hover{background:#fff;color:#000!important}.image-preview-zone:hover .image-preview-overlay{opacity:1}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-danger-icon{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;transition:all .2s;display:flex}.btn-danger-icon:hover{background:#dc2626;transform:scale(1.05)}.image-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0}.image-modal-content{background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) modal-pop;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-modal-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.image-modal-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.image-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.image-modal-close:hover{color:var(--text-primary);background:#ffffff1a}.image-modal-body{justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow:hidden}.image-modal-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:65vh;box-shadow:0 4px 20px #0000004d}.tiquete-cards-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1rem;display:grid}@media (max-width:1024px){.tiquete-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.tiquete-cards-grid{grid-template-columns:1fr}}.tiquete-card{background:0 0;border:none;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000001a}.tiquete-card:not(.skeleton-card):hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000004d}.skeleton-card{min-height:140px;box-shadow:none;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/400% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tiquete-image-container{background:0 0;width:100%;height:auto;position:relative;overflow:hidden}.tiquete-image{object-fit:contain;width:100%;height:auto;transition:transform .3s;display:block}.view-image-btn{color:#fff;opacity:0;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;font-size:.9rem;font-weight:500;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.tiquete-image-container:hover .view-image-btn{opacity:1}.no-tiquetes{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem;font-style:italic}.card-delete-btn{color:#fff;cursor:pointer;z-index:10;opacity:0;background:#ef4444e6;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.tiquete-image-container:hover .card-delete-btn{opacity:1}.card-delete-btn:hover{background:#ef4444;transform:scale(1.1)}.btn-danger-outline{color:#ef4444;border-color:#ef44444d}.btn-danger-outline:hover{background:#ef444426;border-color:#ef4444}.delete-confirm-preview{background:#0003;border-radius:12px;width:100%;height:120px;margin-bottom:1.5rem;overflow:hidden}.delete-confirm-preview img{object-fit:contain;width:100%;height:100%}.uso-tiquetera-page-container{box-sizing:border-box;width:100%;margin:0;padding:1.5rem 2rem 6rem}.uso-tiquetera-header{justify-content:space-between;align-items:center;margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.page-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.users-stats-tabs{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;gap:4px;margin-bottom:1.5rem;padding:4px;animation:.6s cubic-bezier(.16,1,.3,1) .1s backwards fadeInUp;display:inline-flex}.stat-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem 1.25rem;font-weight:600;transition:all .3s;display:flex}.stat-tab:hover{color:var(--text-primary);background:var(--glass-bg)}.stat-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px rgba(var(--primary-rgb), .2)}.stat-count{background:var(--surface-elevated);min-width:22px;height:22px;color:var(--text-secondary);border-radius:11px;justify-content:center;align-items:center;padding:0 6px;font-size:.75rem;font-weight:700;display:flex}.stat-tab.active .stat-count{color:var(--primary);background:#fff}.users-filters-card{margin-bottom:1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeInUp}.filters-content{justify-content:space-between;align-items:center;gap:1.5rem;padding:.25rem;display:flex}.search-icon{color:var(--text-secondary);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--surface-elevated);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 1rem .75rem 2.8rem;transition:all .3s}.search-input:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1);outline:none}.btn-export-excel{color:#fff;cursor:pointer;white-space:nowrap;background:#107c41;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #107c4133}.btn-export-excel:hover{background:#0d6233;transform:translateY(-2px);box-shadow:0 6px 15px #107c414d}.btn-export-excel:active{transform:translateY(0)}.uso-tiquetera-table{border-collapse:collapse;background:0 0;width:100%;margin-bottom:2rem;font-size:.75rem}.uso-tiquetera-table th{background:rgba(var(--bg-secondary-rgb), .5);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--glass-border);white-space:nowrap;padding:.6rem .5rem;font-size:.7rem;font-weight:700}.uso-tiquetera-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;color:var(--text-primary);padding:.5rem;font-size:.75rem}.uso-tiquetera-table tr:last-child td{border-bottom:none}.uso-tiquetera-table tr:hover td{background:rgba(var(--primary-rgb), .02)}.btn-purple-square{color:#fff;cursor:pointer;background:#6b21a8;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto;transition:all .2s;display:flex}.btn-purple-square:hover{background:#581c87;transform:scale(1.05)}.btn-purple-eye{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin:0 auto;transition:all .2s;display:flex}.btn-purple-eye:hover{background:#6d28d9;box-shadow:0 4px 10px #7c3aed4d}.approval-badge-inline{justify-content:center;align-items:center;gap:.4rem;font-weight:600;display:flex}.approval-badge-inline.approved{color:#22c55e}.approval-badge-inline.rejected{color:#ef4444}.status-text{border-radius:8px;padding:.35rem .75rem;font-size:.8rem;font-weight:700;display:inline-block}.status-text.pending{color:#f59e0b}.status-text.approved{color:#10b981}.status-text.rejected{color:#ef4444}.pagination-bar-bi{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.5rem;display:flex}.pagination-left,.pagination-right{align-items:center;gap:8px;display:flex}.pagination-label{color:var(--text-secondary);font-size:.85rem}.items-per-page-select{background:rgba(var(--bg-secondary-rgb), .4);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:.85rem}.pagination-info-text{color:var(--text-secondary);font-size:.85rem}.pagination-info-text span{color:var(--text-primary);font-weight:600}.pagination-controls-bi{align-items:center;gap:6px;display:flex}.pag-btn{border:1px solid var(--glass-border);background:rgba(var(--bg-secondary-rgb), .3);width:32px;height:32px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.pag-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-numbers{gap:4px;display:flex}.pag-num-btn{border:1px solid var(--glass-border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.pag-num-btn:hover{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.pag-num-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 10px rgba(var(--primary-rgb), .3);font-weight:600}.uso-tiquetera-main-grid{grid-template-columns:340px 1fr;align-items:flex-start;gap:1.5rem;width:100%;display:grid}.table-container-section{flex-direction:column;gap:1.25rem;width:100%;min-width:0;display:flex}.stats-sidebar{flex-direction:column;flex-shrink:0;gap:1.5rem;width:340px;display:flex}.stats-ranking-card{padding:1rem!important}.ranking-title{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:1rem;font-weight:700;line-height:1.2}.ranking-table-wrapper{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.ranking-table{border-collapse:collapse;width:100%;font-size:.6rem}.ranking-table th{background:var(--glass-bg);text-align:left;color:var(--text-secondary);text-transform:capitalize;border-bottom:1px solid var(--glass-border);padding:.4rem .5rem;font-size:.6rem}.ranking-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:.4rem .5rem}.ranking-table tr:last-child td{border-bottom:none}.ranking-name-link{color:#7c3aed;text-underline-offset:2px;white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-weight:500;text-decoration:underline;display:block;overflow:hidden}@media (max-width:1400px){.uso-tiquetera-main-grid{grid-template-columns:300px 1fr;gap:1rem}.stats-sidebar{width:300px}}@media (max-width:1200px){.uso-tiquetera-main-grid{grid-template-columns:1fr}.stats-sidebar{order:2;grid-template-columns:1fr 1fr;width:100%;display:grid}.table-container-section{order:1}}@media (max-width:768px){.stats-sidebar{grid-template-columns:1fr}.ranking-title{font-size:1.1rem}.table-responsive{font-size:.7rem}}.text-right{text-align:right}.font-bold{font-weight:700}.skeleton-line{background:linear-gradient(90deg, var(--glass-bg) 25%, var(--glass-border) 50%, var(--glass-bg) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:1000;background:#1a1a2ed9;flex-direction:column;width:280px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInFromLeft;display:flex;position:fixed;top:0;left:0;overflow:visible}[data-theme=light] .sidebar{background:#ffffffd9}.sidebar.collapsed{width:55px}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.sidebar.logging-out{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards slideOutToLeft}@keyframes slideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.sidebar-header{border-bottom:1px solid var(--glass-border);padding:.32rem;position:relative}.sidebar.collapsed .sidebar-header{padding:.32rem .5rem}.sidebar-toggle{background:var(--surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;padding:.3rem;transition:all .2s;display:flex;position:absolute;top:100%;right:-14px;transform:translateY(-50%);box-shadow:0 2px 8px #0000001a}.sidebar-toggle:hover{background:var(--surface-elevated);border-color:var(--primary);color:var(--primary);box-shadow:var(--glass-shadow)}.sidebar-toggle:active{transform:translateY(-50%)scale(.95)}.sidebar-logo{align-items:center;gap:1rem;padding-right:2rem;display:flex}.sidebar.collapsed .sidebar-logo{justify-content:center;padding-right:0}.logo-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.sidebar.collapsed .logo-icon{width:36px;height:36px}.logo-text{color:var(--text-primary);white-space:nowrap;margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex:1;padding:1.5rem 0;overflow:hidden auto}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar-submenu{background:#00000005;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-item-container.expanded .sidebar-submenu{max-height:200px}.sidebar-sublink{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem .75rem 2.75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}button.sidebar-sublink{text-align:left;cursor:pointer;width:100%;font-family:inherit;font-weight:inherit;line-height:inherit;background:0 0;border:none}.sidebar-sublink:hover{color:var(--text-primary);background:#ffffff08}.sublink-dot{background:var(--text-secondary);opacity:.5;border-radius:50%;width:6px;height:6px;transition:all .2s}.sidebar-sublink:hover .sublink-dot{background:var(--primary);opacity:1;transform:scale(1.2)}.submenu-arrow{color:var(--text-muted);margin-left:auto;transition:transform .3s}.submenu-arrow.open{color:var(--text-primary);transform:rotate(90deg)}.sidebar-link-content{align-items:center;gap:.75rem;display:flex}.sidebar-link.parent{cursor:pointer;justify-content:space-between}.sidebar-item-container{position:relative}.sidebar.collapsed .sidebar-item-container.expanded .sidebar-submenu{max-height:0}.sidebar.collapsed .sidebar-item-container:hover .sidebar-submenu{opacity:1;visibility:visible;max-height:500px;transform:translate(0)}.sidebar.collapsed .sidebar-submenu{background:var(--surface-elevated);border:1px solid var(--glass-border);opacity:0;visibility:hidden;z-index:100;border-radius:16px;width:220px;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:calc(100% + 10px);overflow:visible;transform:translate(-10px);box-shadow:0 10px 40px #0003}.sidebar.collapsed .sidebar-submenu:before{content:"";background:var(--surface-elevated);border-left:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);width:12px;height:12px;position:absolute;top:20px;left:-6px;transform:rotate(45deg)}.sidebar.collapsed .sidebar-sublink{border-left:none;border-radius:8px;padding:.75rem 1rem}.sidebar.collapsed .sidebar-sublink:hover{background:var(--glass-bg);transform:translate(4px)}.sidebar.collapsed .submenu-arrow{display:none}.collapsed-submenu-indicator{flex-direction:column;gap:2px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.collapsed-submenu-indicator span{background-color:var(--text-muted);opacity:.7;border-radius:50%;width:3px;height:3px;transition:all .2s;display:block!important}.sidebar-link:hover .collapsed-submenu-indicator span,.sidebar-link.active .collapsed-submenu-indicator span{background-color:var(--primary);opacity:1}.sidebar-link{color:var(--text-secondary);align-items:center;gap:.75rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar.collapsed .sidebar-link{justify-content:center;gap:0;padding:.875rem 0}.sidebar.collapsed .sidebar-link span{display:none}.sidebar-link:before{content:"";background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));border-radius:0 3px 3px 0;width:3px;height:0;transition:height .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link:hover{color:var(--text-primary);background:var(--glass-bg)}.sidebar-link:hover:before{height:70%}.sidebar-link.active{color:var(--text-primary);background:var(--surface-elevated)}.sidebar-link.active:before{height:70%}.sidebar-footer{border-top:1px solid var(--glass-border);background:#00000005;flex-direction:column;flex-shrink:0;gap:1rem;padding:1rem;display:flex}[data-theme=light] .sidebar-footer{background:#00000003}.sidebar.collapsed .sidebar-footer{padding:1.25rem .5rem}.sidebar-user{align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar.collapsed .sidebar-user{display:none}.user-avatar{background:var(--primary-gradient);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex;overflow:hidden}.sidebar-avatar-img{object-fit:cover;width:100%;height:100%}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #9333ea66}.sidebar-avatar-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.sidebar-user-link{flex:1;min-width:0;text-decoration:none;display:block}.sidebar-user-link:hover .user-avatar{transform:scale(1.05);box-shadow:0 4px 12px #9333ea66}.sidebar-user-link:hover .user-name{color:#eebd30}.sidebar.collapsed .user-avatar{width:36px;height:36px;font-size:.9rem}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.sidebar-footer-expanded{flex-direction:column;gap:1.25rem;width:100%;display:flex}.sidebar-theme-toggle{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;transition:all .3s;display:flex}.sidebar-theme-toggle:hover{background:var(--glass-bg);border-color:var(--primary);color:var(--text-primary)}.theme-toggle-content{align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.theme-pill{text-transform:uppercase;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.theme-pill.dark{color:#667eea;background:#667eea1a}.theme-pill.light{color:#eebd30;background:#ebbd301a}.sidebar-user-section{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sidebar-actions{align-items:center;gap:.5rem;display:flex}.sidebar-footer-btn{border:1px solid var(--glass-border);background:var(--surface-elevated);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.sidebar-footer-btn:hover{background:var(--glass-bg);color:var(--primary);border-color:var(--primary)}.sidebar-notif-badge{border:2px solid var(--surface-elevated);color:#fff;z-index:10;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px}.sidebar-notif-badge.count{min-width:18px;height:18px;padding:0 4px}.sidebar-notif-badge.dot{border-radius:50%;width:8px;height:8px;top:6px;right:6px}.sidebar-footer-collapsed{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.sidebar-logout{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.sidebar.collapsed .sidebar-logout{width:32px;height:32px}.sidebar-logout:hover{background:#ef444433;transform:scale(1.05)}.sidebar-logout:active{transform:scale(.95)}.user-avatar-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.status-indicator{border:2px solid var(--surface);z-index:2;background:#22c55e;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite sidebarPulse;position:absolute;bottom:-1px;right:-1px}.sidebar.collapsed .status-indicator{width:8px;height:8px;bottom:-1px;right:-1px}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--primary)}.top-header{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100;box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;width:calc(100% - 280px);height:47px;margin:0;padding:0 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:280px}.top-header-right{align-items:center;gap:.75rem;display:flex}@media (max-width:768px){.top-header{z-index:500;width:100%;height:45.2px;left:0}}.top-header.sidebar-collapsed{width:calc(100% - 55px);left:55px}.top-header.sidebar-expanded{width:calc(100% - 280px);left:280px}.notification-container{align-items:center;display:flex;position:relative}.icon-notification-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;position:relative}.icon-notification-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-2px)}.notification-badge{border:2px solid var(--surface);color:#fff;z-index:10;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-7px;right:-7px}.notification-badge.count{min-width:16px;height:16px;padding:0 4px}.notification-badge.dot{border-radius:50%;width:8px;height:8px;top:2px;right:3px}.notif-tabs{background:rgba(var(--text-primary-rgb), .05);border-radius:12px;width:100%;padding:3px;display:flex}.notif-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-tab-btn:hover{color:var(--text-primary)}.notif-tab-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:0 4px 12px #0003}.tab-badge{background:var(--error);color:#fff;box-shadow:0 2px 4px rgba(var(--error-rgb), .3);border-radius:10px;padding:1px 6px;font-size:.65rem;font-weight:700}.notification-dropdown{border:1px solid var(--glass-border);z-index:200;border-radius:20px;flex-direction:column;width:calc(100vw - 32px);max-width:440px;display:flex;position:absolute;top:calc(100% + 15px);right:-10px;box-shadow:0 12px 40px #0006;background:var(--surface)!important}.notification-dropdown:before{content:"";background:0 0;width:100%;height:20px;position:absolute;top:-20px;left:0}@media (min-width:768px){.notification-dropdown{width:440px;right:0}}@media (max-width:768px){.notification-dropdown{border-radius:20px;max-width:none;max-height:80vh;position:fixed;top:60px;box-shadow:0 20px 50px #00000080;z-index:3000!important;width:calc(100vw - 30px)!important;left:-43px!important;right:auto!important;transform:none!important}.notif-header{padding:1.25rem 1rem}.notif-item{align-items:center;gap:1rem;padding:1.1rem 1rem}.notif-avatar{flex-shrink:0;width:40px;height:40px}.notif-actions{border-left:1px solid rgba(var(--text-primary-rgb), .05);gap:10px;padding-left:.5rem}.notif-btn-approve,.notif-btn-deny{border-radius:14px;width:42px;height:42px}.notif-user-name{font-size:.85rem}.notif-ticket-badge{font-size:.65rem}.notif-ticket-detail{margin:6px 0;font-size:.7rem}}.notif-header{border-bottom:1px solid var(--glass-border);border-top-left-radius:16px;border-top-right-radius:16px;justify-content:center;align-items:center;padding:1rem;display:flex}.notif-list{max-height:350px;overflow-y:auto}.notif-item{border-bottom:1px solid rgba(var(--text-primary-rgb), .05);cursor:pointer;align-items:flex-start;gap:1rem;padding:1.25rem 1rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#ffffff05}.notif-avatar{border:2px solid var(--glass-border);background:var(--surface-elevated);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.notif-avatar-placeholder{background:var(--primary-gradient);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;display:flex}.notif-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notif-user-name{color:var(--text-primary);letter-spacing:.3px;margin:0;font-size:.85rem;font-weight:700;line-height:1.2}.notif-badges-container{flex-wrap:wrap;gap:3px;margin-top:2px;margin-bottom:2px;display:flex}.notif-type-badge{text-transform:uppercase;letter-spacing:.2px;border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:700}.notif-type-badge.ticket{background:rgba(var(--tone-1-rgb), .1);color:var(--tone-1);border:1px solid rgba(var(--tone-1-rgb), .2)}.notif-type-badge.novedad{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.notif-comodin-tag{background:rgba(var(--primary-rgb), .1);color:var(--primary);border:1px solid rgba(var(--primary-rgb), .2);text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:.65rem;font-weight:700;display:inline-flex}.notif-ticket-detail{color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:4px 0;font-size:.65rem;line-height:1.2;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-secondary);font-size:.65rem}.notif-actions{flex-direction:column;justify-content:center;gap:6px;display:flex}.notif-btn-approve,.notif-btn-deny{cursor:pointer;border:1px solid #0000;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.notif-btn-approve{color:#10b981;background:#10b98114;border-color:#10b98133}.notif-btn-approve:hover{color:#fff;background:#10b981;transform:scale(1.05)}.notif-btn-deny{color:#ef4444;background:#ef444414;border-color:#ef444433}.notif-btn-deny:hover{color:#fff;background:#ef4444;transform:scale(1.05)}.unread-dot{background:var(--primary);border:2px solid var(--surface);width:10px;height:10px;box-shadow:none;border-radius:50%;position:absolute;top:-2px;right:-2px}.delete-notif-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.notif-item:hover .delete-notif-btn{opacity:1}.delete-notif-btn:hover{color:#ef4444;background:#ef44441a}.notif-footer{border-top:1px solid var(--glass-border);text-align:center;background:#00000005;border-bottom-right-radius:16px;border-bottom-left-radius:16px;padding:.75rem}.view-all-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600;transition:color .2s}.view-all-btn:hover{color:var(--primary-light);text-decoration:underline}.notif-empty{text-align:center;color:var(--text-muted);padding:2rem;font-size:.9rem}.user-profile-menu{position:relative}.profile-trigger{border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);background:#ffffff0d;border-radius:30px;align-items:center;gap:.3rem;padding:4px 8px;transition:all .3s;display:flex}.profile-trigger:hover,.profile-trigger.active{border-color:var(--primary);background:#ffffff1a}.profile-trigger-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex;position:relative}.status-indicator-dot{border:2px solid var(--surface);z-index:5;background:#10b981;border-radius:50%;position:absolute;bottom:-1px;right:-1px;width:7.8px!important;height:7.8px!important}.status-indicator-dot.online{background:#10b981;box-shadow:0 0 10px #10b98166}.chevron-icon{color:var(--text-muted);transition:transform .3s}.chevron-icon.rotate{transform:rotate(180deg)}.profile-dropdown-menu{border:1px solid var(--glass-border);width:260px;box-shadow:var(--glass-shadow);border-radius:16px;flex-direction:column;gap:2px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 10px);right:0;background:var(--surface)!important}.dropdown-header{background:#00000005;border-radius:12px;align-items:center;gap:.75rem;margin:-.25rem -.25rem .5rem;padding:.75rem .5rem;display:flex}[data-theme=light] .dropdown-header{background:#00000003}.dropdown-avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #667eea4d}.dropdown-user-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dropdown-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.dropdown-user-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.dropdown-divider{background:var(--glass-border);height:1px;margin:.5rem 0}.dropdown-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:var(--text-primary);background:#ffffff0d;padding-left:1.25rem}.dropdown-item svg{display:block}.dropdown-item.logout{color:#fca5a5}.dropdown-item.logout:hover{color:#ef4444;background:#ef44441a}.theme-toggle-item{justify-content:space-between}.theme-status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.theme-status-pill.dark{color:#a855f7;background:#9333ea33;border:1px solid #9333ea4d}.theme-status-pill.light{color:#eab308;background:#eab30833;border:1px solid #eab3084d}.avatar-img-fit{object-fit:cover;border-radius:inherit;width:100%;height:100%}.main-layout{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.main-container{flex-direction:column;flex:1;height:100vh;margin-left:280px;padding:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.main-layout:has(.sidebar.collapsed) .main-container{margin-left:55px}.sidebar.collapsed+.main-container{margin-left:55px}.main-content-wrapper{box-sizing:border-box;flex-direction:column;flex:1;width:100%;margin:0;padding:0;transition:padding .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-y:auto}.main-content-wrapper.has-header{padding-top:47px}.main-content-wrapper{scrollbar-gutter:stable}.main-layout.logging-out{pointer-events:none}.logout-transition-container{z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.curtain-panel{background:var(--bg-primary);z-index:1;width:50%;height:100%;position:absolute;top:0}.curtain-left{border-right:1px solid var(--border-color);animation:.6s cubic-bezier(.77,0,.175,1) .2s forwards slideInLeft;left:-50%}.curtain-right{border-left:1px solid var(--border-color);animation:.6s cubic-bezier(.77,0,.175,1) .2s forwards slideInRight;right:-50%}@keyframes slideInLeft{to{left:0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.logout-overlay-content{z-index:2;text-align:center;animation:.4s .4s both fadeInLogout;position:relative}.logout-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:1s linear infinite spin}.logout-text{color:var(--text-primary);margin-bottom:10px;font-size:2rem;font-weight:700}.logout-subtext{color:var(--text-secondary);font-size:1rem}@keyframes fadeInLogout{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-layout.logging-out .top-header,.main-layout.logging-out .sidebar-header{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeOutUp}.main-layout.logging-out .sidebar{animation:.6s cubic-bezier(.4,0,.2,1) forwards fadeOutLeft}.main-layout.logging-out .main-content-wrapper{animation:.5s forwards fadeOut}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-50px)}}@keyframes fadeOut{to{opacity:0}}@media (max-width:768px){.main-container{margin-left:0;padding:0}}@media (max-width:480px){.main-container{margin-left:0;padding:0}}.miequipo-container{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);box-sizing:border-box;flex-direction:column;height:100%;margin:0;animation:.5s ease-out fadeIn;display:flex}.miequipo-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-end;display:flex}.miequipo-calendar-section{flex-direction:column;flex:1;margin-top:0;display:flex}.miequipo-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;line-height:1.1}.miequipo-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.miequipo-subtitle strong{color:var(--primary);font-weight:600}@media (max-width:768px){.miequipo-container{padding:var(--spacing-md)}.miequipo-title{font-size:var(--font-size-2xl)}}.vacaciones-container{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);box-sizing:border-box;height:100%;animation:fadeIn Vacaciones .5s ease-out;flex-direction:column;margin:0;display:flex}.vacaciones-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);display:flex}.btn-new-vacation{border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:0 4px 12px rgba(var(--tone-1-rgb), .2);align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:flex}.vacaciones-content{margin-top:var(--spacing-md);flex-direction:column;flex:1;display:flex}.vacaciones-title{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-end));-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700;line-height:1.1}.vacaciones-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}@keyframes fadeInVacaciones{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.vacaciones-container{padding:var(--spacing-md)}.vacaciones-title{font-size:var(--font-size-2xl)}}.vacaciones-form-container{flex-direction:column;padding:.5rem;display:flex}.user-dropdown-item:hover{background:rgba(var(--tone-1-rgb), .1)}.form-input{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:10px;padding:.75rem;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--tone-1-rgb), .1);outline:none}.spinner-animation{animation:1s linear infinite spin-vacaciones}@keyframes spin-vacaciones{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tiquetera-page-container{box-sizing:border-box;width:100%;margin:0;padding:1rem 1.5rem 4rem;animation:.5s ease-out fadeIn}.tiquetera-header{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.page-title{background:linear-gradient(135deg, var(--gradient-start) 0%, var(--gradient-end) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2rem;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.tiquetera-filters-card{margin-bottom:1rem}.filters-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.search-wrapper{flex:1;max-width:400px;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--glass-bg-accent);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:var(--gradient-start);background:var(--glass-bg);outline:none;box-shadow:0 0 0 4px #6f42c11a}.tiquetera-categories-list{flex-direction:column;gap:1.5rem;display:flex}.tiquete-category-container{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;overflow:visible;padding:0!important}.tiquete-category-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);margin-bottom:0;padding:.5rem 1rem}.tiquete-category-header h3{color:var(--text-primary);align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.tiquete-category-body{padding:.75rem 1rem}.tiquete-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.tiquete-card{background:var(--glass-bg-accent);border:1px solid var(--glass-border);cursor:pointer;aspect-ratio:16/10;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tiquete-card:hover{border-color:var(--gradient-start);transform:translateY(-8px);box-shadow:0 12px 24px #0000004d}.skeleton-card{min-height:140px;box-shadow:none;background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/400% 100%;animation:1.5s infinite skeleton-loading;border-color:#0000!important}.tiquete-image-container{width:100%;height:100%;position:relative}.tiquete-image{object-fit:contain;background:#0000001a;width:100%;height:100%;transition:transform .5s}.tiquete-card-overlay{opacity:0;background:linear-gradient(#0000,#000000b3);justify-content:center;align-items:flex-end;width:100%;height:100%;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.tiquete-card:hover .tiquete-card-overlay{opacity:1}.status-overlay{opacity:1!important}.btn-solicitar{background:var(--gradient-start);color:#fff;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0003}.tiquete-card:hover .tiquete-image{transform:scale(1.05)}.tiquete-disabled{filter:grayscale();opacity:.6;cursor:not-allowed}.tiquete-card.tiquete-disabled:hover{border-color:var(--glass-border);transform:none;box-shadow:0 4px 15px #0000001a}.tiquete-card.tiquete-disabled .tiquete-image{transform:none!important}.disabled-overlay{background:#00000080;display:flex;opacity:1!important}.btn-unavailable{background-color:var(--text-muted);color:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.btn-pendiente{background-color:var(--warning);color:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.btn-aprobado{background-color:var(--success);color:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.btn-denegado{background-color:var(--error);color:#fff;border-radius:20px;justify-content:center;align-items:center;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.no-tiquetes{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.request-form-container{flex-direction:column;gap:1.5rem;display:flex}.request-visual-preview{aspect-ratio:16/9;background:var(--glass-bg-accent);border:1px solid var(--glass-border);border-radius:12px;width:100%;overflow:hidden}.preview-image{object-fit:contain;width:100%;height:100%}.field-label{color:var(--text-secondary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.condiciones-box{background:var(--glass-bg-accent);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;max-height:150px;padding:1rem;font-size:.9rem;line-height:1.5;overflow-y:auto}.form-group{flex-direction:column;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-input,.form-select{background:var(--glass-bg-accent);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:8px;padding:.75rem;font-size:.9rem}.form-input:focus,.form-select:focus{border-color:var(--gradient-start);outline:none;box-shadow:0 0 0 3px #6f42c11a}.panel-footer-actions{grid-template-columns:1fr 2fr;gap:1rem;width:100%;display:grid}.btn-cancel{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem;font-weight:600;transition:all .2s}.btn-cancel:hover{background:var(--glass-bg-accent)}.btn-confirm{background:var(--gradient-start);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0000001a}.btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0003}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.tiquetera-page-container{padding:1rem}.tiquetera-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-content{flex-direction:column;align-items:stretch;gap:1rem}.search-wrapper{max-width:none}.tiquete-cards-grid,.form-row{grid-template-columns:1fr}}.mis-sol-container{width:100%;padding:24px}.main-tabs-container{background:rgba(var(--text-primary-rgb), .05);border-radius:12px;gap:8px;width:fit-content;margin-top:16px;padding:4px;display:flex}.main-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.main-tab-btn:hover{background:rgba(var(--text-primary-rgb), .05);color:var(--text-primary)}.main-tab-btn.active{background:var(--glass-bg);color:var(--primary);box-shadow:var(--shadow-sm)}.tab-badge{color:#fff;background:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:2px 6px;font-size:.7rem;font-weight:700;display:flex;box-shadow:0 2px 4px #ef44444d}.table-responsive{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.mis-sol-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.mis-sol-table th,.mis-sol-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:16px}.mis-sol-table th{background-color:rgba(var(--bg-secondary-rgb), .5);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.mis-sol-table tbody tr{transition:background-color .2s}.mis-sol-table tbody tr:hover{background-color:var(--hover-bg)}.mis-sol-table tbody tr:last-child td{border-bottom:none}.table-cell-with-image{align-items:center;gap:12px;display:flex}.table-tiquete-img{object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow-sm);border-radius:8px}.table-tiquete-info{flex-direction:column;gap:4px;display:flex}.table-tiquete-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.table-tiquete-comodin{color:var(--accent-color);background:#007aff1a;border-radius:20px;align-items:center;gap:4px;width:fit-content;padding:2px 10px;font-size:.75rem;display:flex}.table-tag-directo{color:var(--text-secondary);background:rgba(var(--text-primary-rgb), .08);text-transform:uppercase;border:1px solid rgba(var(--text-primary-rgb), .1);border-radius:20px;align-items:center;width:fit-content;padding:2px 10px;font-size:.65rem;font-weight:700;display:inline-flex}.table-date-cell{color:var(--text-primary);flex-direction:column;gap:2px;font-size:.9rem;display:flex}.table-date-cell svg{display:none}.table-time{color:var(--text-secondary);font-size:.8rem}.table-status-badge{box-shadow:var(--shadow-sm);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status-aprobado{color:#fff;background-color:#28a745e6}.status-pendiente{color:#111;background-color:#ffc107e6}.status-denegado{color:#fff;background-color:#dc3545e6}.table-observation{color:var(--warning-color);white-space:normal;background-color:rgba(var(--warning-color-rgb), .1);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:6px;max-width:250px;padding:8px 12px;font-size:.85rem;display:flex}.table-observation svg{flex-shrink:0}.text-muted{color:var(--text-secondary)}.user-info-cell{align-items:center;gap:10px;display:flex}.user-name-text{color:var(--text-primary);font-size:.9rem;font-weight:600}.date-group-row,.time-group-row{color:var(--text-primary);font-size:.85rem}.date-separator{color:var(--text-secondary);margin:0 4px}.btn-view-detail:hover{filter:brightness(1.1);transform:translateY(-1px)}.mis-sol-empty{justify-content:center;align-items:center;min-height:300px;display:flex}.mis-sol-empty-content{text-align:center;color:var(--text-secondary)}.mis-sol-empty-icon{opacity:.5;margin:0 auto 16px}.mis-sol-empty-content h3{color:var(--text-primary);margin-bottom:8px;font-size:1.25rem;font-weight:600}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.mis-sol-container{padding:16px}.mis-sol-header .page-title{font-size:1.5rem}}.skeleton-card,.skeleton-line{background:linear-gradient(90deg, rgba(var(--text-primary-rgb,255, 255, 255), .05) 25%, rgba(var(--text-primary-rgb,255, 255, 255), .12) 50%, rgba(var(--text-primary-rgb,255, 255, 255), .05) 75%);box-shadow:none;background-size:400% 100%;animation:1.5s infinite skeleton-loading;border-color:#0000!important}.skeleton-line{border-radius:10px;height:14px}.app{width:100%;min-height:100vh;position:relative;overflow-x:hidden}.theme-toggle-container{top:var(--spacing-md);right:var(--spacing-md);z-index:1000;position:absolute}.app-container{min-height:100vh;display:flex}.app-left{padding:var(--spacing-2xl);padding:var(--spacing-2xl);background:var(--bg-gradient-app-left);border-right:1px solid var(--glass-border);background-size:200% 200%;flex:1;justify-content:center;align-items:center;transition:all .6s cubic-bezier(.4,0,.2,1);animation:15s infinite gradientShift;display:flex;position:relative;overflow:hidden}[data-theme=light] .app-left{background:var(--bg-gradient-app-left);border-right:1px solid var(--glass-border)}.app-left:before{content:"";background:radial-gradient(circle, var(--pattern-dot-color) 1px, transparent 1px);opacity:.3;background-size:50px 50px;width:200%;height:200%;animation:20s linear infinite patternMove;position:absolute;top:-50%;left:-50%}[data-theme=light] .app-left:before{background:radial-gradient(circle, var(--pattern-dot-color) 1px, transparent 1px);opacity:.1}.app-video-bg{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.video-overlay{background-color:var(--video-overlay);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.app-left-content{z-index:10;color:#fff;text-align:center;max-width:500px;position:relative}.welcome-logo{width:180px;height:auto;margin-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);filter:drop-shadow(var(--shadow-logo));animation:.8s ease-out fadeIn}.welcome-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);text-shadow:var(--text-shadow-title);font-weight:700;color:#fff!important}.welcome-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl);opacity:.95;text-shadow:var(--text-shadow-subtitle);line-height:1.8;color:#fff!important}.decorative-elements{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decorative-shape{filter:blur(60px);opacity:.15;border-radius:50%;position:absolute}[data-theme=light] .decorative-shape{opacity:.05}.shape-1{background:var(--shape-gradient-1);width:300px;height:300px;animation:8s ease-in-out infinite float;top:10%;left:10%}.shape-2{background:var(--shape-gradient-2);width:200px;height:200px;animation:10s ease-in-out infinite reverse float;bottom:20%;right:15%}.shape-3{background:var(--shape-gradient-3);width:250px;height:250px;animation:12s ease-in-out infinite float;top:50%;right:20%}@keyframes float{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(20px,-30px)rotate(90deg)}50%{transform:translate(-20px,20px)rotate(180deg)}75%{transform:translate(30px,10px)rotate(270deg)}}.app-right{background:var(--background);flex:1;padding:clamp(1rem,3vh,3rem);transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto}.info-panel{width:100%;max-width:500px;margin:auto;animation:.6s cubic-bezier(.4,0,.2,1) slideInFromRight}.info-card{width:100%}.info-section{margin-bottom:var(--spacing-xl)}.info-section:last-child{margin-bottom:0}.info-title{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-weight:700;display:flex}.info-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.info-item{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--surface-elevated);border:1px solid var(--glass-border);transition:all var(--transition-base);display:flex}.info-item:hover{box-shadow:var(--shadow-info-hover);border-color:var(--primary);transform:translateY(-2px)}.info-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);border-radius:var(--radius-md);width:50px;height:50px;box-shadow:var(--shadow-info-icon);flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.info-item h3{font-size:var(--font-size-md);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-weight:600}.info-item p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.6}.info-divider{background:linear-gradient(90deg, transparent 0%, var(--glass-border) 50%, transparent 100%);height:1px;margin:var(--spacing-lg) 0}.platform-description{font-size:var(--font-size-md);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.8}.platform-features{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.feature-badge{padding:var(--spacing-sm) var(--spacing-md);background:var(--feature-badge-bg);border:1px solid var(--feature-badge-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);text-align:center;transition:all var(--transition-base);font-weight:500}[data-theme=light] .feature-badge{background:var(--glass-bg);border:1px solid var(--glass-border)}.feature-badge:hover{background:var(--feature-badge-bg-hover);border-color:var(--primary);transform:scale(1.05)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.app-container.register-mode .app-left{animation:.6s cubic-bezier(.4,0,.2,1) slideInFromLeft}.auth-card{gap:var(--spacing-xl);flex-direction:column;width:100%;max-width:500px;margin:auto;display:flex}.auth-footer{gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--glass-border);flex-direction:column;align-items:center;display:flex}.auth-footer-text{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0}.auth-link{color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-base);font-family:var(--font-family);background:0 0;border:none;padding:0;text-decoration:none}.auth-link:hover{color:var(--text-primary)}.auth-link.primary{color:var(--primary);font-weight:600}.auth-link.primary:hover{color:var(--primary-light)}.auth-divider{align-items:center;gap:var(--spacing-md);width:100%;color:var(--text-muted);font-size:var(--font-size-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--glass-border);flex:1;height:1px}@media (max-width:992px){.app-container{flex-direction:column}.app-left{display:none}.platform-features{grid-template-columns:1fr}.info-item{text-align:center;flex-direction:column}}@media (max-width:640px){.app-left{display:none}.app-right{padding:var(--spacing-md);justify-content:center;align-items:center;min-height:100vh;display:flex}.logo-text,.hero-title{font-size:var(--font-size-2xl)}.app-features{flex-direction:column}.auth-card{padding:var(--spacing-lg)!important}.info-title{font-size:var(--font-size-xl)}.feature-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.app-left{padding:var(--spacing-md)}.logo-icon{font-size:2rem}.hero-title{font-size:var(--font-size-xl)}.info-icon{width:40px;height:40px;font-size:1.5rem}.platform-features{grid-template-columns:1fr}}:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal:400;--z-toast:500;--success:#10b981;--success-rgb:16, 185, 129;--error:#ef4444;--error-rgb:239, 68, 68;--warning:#f59e0b;--warning-rgb:245, 158, 11;--info:#3b82f6;--info-rgb:59, 130, 246;--tone-1:#973bc5;--tone-1-rgb:151, 59, 197;--tone-2:#6b12aa;--tone-2-rgb:107, 18, 170;--primary:var(--tone-1);--primary-dark:var(--tone-2);--primary-light:#5fb8be;--secondary:var(--tone-2);--accent:#4facfe;--btn-primary-bg:#cc8114;--btn-primary-text:#fff;--primary-gradient:linear-gradient(135deg, var(--tone-1) 0%, var(--tone-2) 100%);--secondary-gradient:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-gradient-app-left:linear-gradient(135deg, #1a1a2e 0%, #16213e 30%, #0f0f23 60%, #1a1a2e 100%);--pattern-dot-color:#ffffff1a;--video-overlay:#0f0f2366;--shape-gradient-1:var(--primary-gradient);--shape-gradient-2:linear-gradient(135deg, var(--tone-2) 0%, var(--tone-1) 100%);--shape-gradient-3:linear-gradient(135deg, var(--tone-1) 0%, #5568d3 100%);--shadow-logo:0 4px 20px #0000004d;--text-shadow-title:0 2px 20px #0003;--text-shadow-subtitle:0 1px 10px #0000001a;--shadow-info-hover:0 4px 12px #3c91971a;--shadow-info-icon:0 4px 12px #3c919733;--input-focus-shadow-primary:0 0 0 3px #3c91971a;--input-focus-shadow-error:0 0 0 3px #ef44441a;--feature-badge-bg:linear-gradient(135deg, #3c91971a 0%, #0035741a 100%);--feature-badge-border:#3c91974d;--feature-badge-bg-hover:linear-gradient(135deg, #3c919733 0%, #00357433 100%);--error-bg-subtle:#ef44441a;--error-border-subtle:#ef444433;--ripple-effect:#ffffff80;--background:#0f0f23;--surface:#1a1a2e;--surface-elevated:#25253f;--surface-card:#1a1a2e;--bg-primary:#0f0f23;--gradient-start:var(--tone-1);--gradient-end:var(--tone-2);--text-primary:#fff;--text-primary-rgb:255, 255, 255;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000005e;--toast-bg:#1a1a2ed9;--toast-border:#ffffff1a;--toast-text:#fff;--toast-shadow:0 8px 16px #0006}[data-theme=light]{--tone-1:#5bdbe4;--tone-1-rgb:91, 219, 228;--tone-2:#004da7;--tone-2-rgb:0, 77, 167;--background:#f8fafc;--surface:#fff;--surface-elevated:#f1f5f9;--surface-card:#f8fafc;--bg-primary:#f8fafc;--primary:var(--tone-1);--primary-dark:var(--tone-2);--secondary:var(--tone-2);--btn-primary-bg:#fff;--btn-primary-text:var(--tone-2);--primary-gradient:linear-gradient(135deg, var(--tone-1) 0%, var(--tone-2) 100%);--gradient-start:var(--tone-1);--gradient-end:var(--tone-2);--bg-gradient-app-left:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--pattern-dot-color:var(--text-muted);--video-overlay:#f8fafc40;--text-primary:#0f0f23;--text-primary-rgb:15, 15, 35;--text-secondary:#475569;--text-muted:#64748b;--glass-bg:#ffffffb3;--glass-border:#0000000f;--glass-shadow:0 8px 32px #0000000d;--toast-bg:#fffffff2;--toast-border:#0000000d;--toast-text:#1e293b;--toast-shadow:0 10px 30px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary);min-height:100vh;margin:0;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:var(--primary);color:#fff}.fade-in{animation:.5s ease-out forwards fadeIn}.slide-in-right{animation:.5s ease-out forwards slideInRight}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.no-select{-webkit-user-select:none;user-select:none}[data-sonner-toaster]{--normal-bg:var(--toast-bg);--normal-border:var(--toast-border);--normal-text:var(--toast-text);font-family:var(--font-family)}[data-sonner-toast]{background:var(--toast-bg)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--toast-border)!important;color:var(--toast-text)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--toast-shadow)!important;font-size:var(--font-size-sm)!important;padding:16px!important}[data-sonner-toast][data-type=success]{border-left:4px solid var(--success)!important}[data-sonner-toast][data-type=success] [data-icon]{color:var(--success)!important}[data-sonner-toast][data-type=error]{border-left:4px solid var(--error)!important}[data-sonner-toast][data-type=error] [data-icon]{color:var(--error)!important}[data-sonner-toast][data-type=warning]{border-left:4px solid var(--warning)!important}[data-sonner-toast][data-type=warning] [data-icon]{color:var(--warning)!important}[data-sonner-toast][data-type=info]{border-left:4px solid var(--info)!important}[data-sonner-toast][data-type=info] [data-icon]{color:var(--info)!important}[data-sonner-toast] [data-title]{font-size:.95rem!important;font-weight:600!important}[data-sonner-toast] [data-description]{color:var(--text-secondary)!important;font-size:.85rem!important}[data-sonner-toast] [data-close-button]{transition:all .2s;background:var(--surface-elevated)!important;border:1px solid var(--glass-border)!important;color:var(--text-secondary)!important;top:-10px!important;left:auto!important;right:-10px!important;transform:none!important}[data-sonner-toast] [data-close-button]:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}