@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)}.card-solid{background:var(--surface-elevated);border:1px solid var(--glass-border)}.card:hover{box-shadow:none;transform:none}.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:1rem 1.25rem}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--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-message{color:var(--error);text-align:center;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin-top:.3rem;padding:.5rem;font-size:.875rem}.input-warning-message{color:var(--warning);text-align:center;border-radius:var(--radius-md);background:#f59e0b1a;border:1px solid #f59e0b33;margin-top:.3rem;padding:.5rem;font-size:.875rem}.mt-xs{margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{font-family:var(--font-family);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;outline:none;justify-content:center;align-items:center;gap:.75rem;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{background:var(--primary-gradient);color:#1a1a2e}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--secondary-gradient);color:#fff}.btn-secondary:hover:not(:disabled){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-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}.btn:before{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:active:not(:disabled):before{width:300px;height:300px}.auth-form{flex-direction:column;gap:1.25rem;width:100%;max-width:450px;animation:.5s ease-out fadeIn;display:flex}.auth-form.register-form{max-width:900px}.auth-form-header{text-align:center;flex-direction:column;gap:.5rem;margin-bottom:.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:1rem;display:flex}.auth-form-fields-grid{grid-template-columns:1fr 1fr;align-items:flex-start;gap:1.5rem;display:grid}.password-field-container{grid-column:span 2}@media (max-width:768px){.auth-form-fields-grid{grid-template-columns:1fr;gap:1.25rem}.password-field-container{grid-column:span 1}}.auth-form-options{justify-content:space-between;align-items:center;margin-top:.5rem;margin-left:.2rem;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);margin-top:.2rem;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;border-radius:var(--radius-md);background:#ef44441a;border:1px solid #ef444433;margin-top:-.5rem;padding:.5rem;font-size:.875rem}.password-strength-bar.active{background:var(--success)}.password-strength-text{font-size:var(--font-size-xs);color:var(--text-muted)}.auth-form-actions{flex-direction:column;gap:.75rem;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-3xl)}}.btn-microsoft.btn-outline{color:var(--text-primary)!important}.btn-microsoft.btn-outline:hover{background:var(--glass-border)!important;color:var(--text-primary)!important;transform:none!important}.select-wrapper{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.select-label{font-size:var(--font-size-sm);color:var(--text-secondary);transition:color var(--transition-base);font-weight:500}.select-required{color:var(--error);margin-left:2px}.select-container{width:100%;position:relative}.select-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);appearance:none;cursor:pointer;outline:none;padding:.875rem 2.5rem .875rem 1rem}.select-field:focus{border-color:var(--primary);background:var(--surface)}.select-field:hover:not(:focus){border-color:var(--text-muted)}.select-field:disabled{opacity:.5;cursor:not-allowed}.select-with-icon-left{padding-left:3rem}.select-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%)}.select-icon-left{left:1rem}.select-arrow{color:var(--text-muted);pointer-events:none;transition:transform var(--transition-base),color var(--transition-base);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.select-field:focus~.select-arrow{color:var(--primary);transform:translateY(-50%)rotate(180deg)}.select-error{border-color:var(--error)!important}.select-error-message{font-size:var(--font-size-sm);color:var(--error);align-items:center;gap:.25rem;animation:.2s fadeIn;display:flex}.select-field option{background:var(--surface-option);color:var(--text-primary)}.home-main.logging-out .welcome-section{animation:.5s cubic-bezier(.68,-.55,.265,1.55) forwards fadeOutDown}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.home-content{box-sizing:border-box;isolation:isolate;will-change:transform;z-index:1;flex-direction:column;width:100%;margin:0;padding:1rem 2rem;display:flex;position:relative;transform:translateZ(0)}.welcome-section{flex-shrink:0;margin-bottom:.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.welcome-title{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.highlight{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:var(--text-secondary);margin:0;font-size:1.1rem;animation:.6s cubic-bezier(.16,1,.3,1) .4s backwards fadeInUp}@media screen and (max-height:800px),screen and (max-width:1400px){.home-content{padding:1.5rem}.welcome-title{color:var(--text-primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.welcome-subtitle{font-size:.95rem}}@media screen and (max-height:700px){.home-content{padding:.75rem 1.5rem}.welcome-section{margin-bottom:.25rem}.welcome-title{margin-bottom:0;font-size:1.5rem}.welcome-subtitle{font-size:.9rem}}.user-details-grid{gap:.75rem;margin-bottom:1.5rem}.detail-card{padding:.75rem 1rem}.detail-icon{width:36px;height:36px;font-size:1.2rem}.quick-actions{margin-top:1.5rem}.section-title{margin-bottom:1rem;font-size:1.2rem}.actions-grid{gap:.75rem}.action-button{padding:1rem;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-main.logging-out .welcome-badge{animation:.4s cubic-bezier(.68,-.55,.265,1.55) forwards fadeOutDown}.home-main.logging-out .welcome-title{animation:.4s cubic-bezier(.68,-.55,.265,1.55) 50ms forwards fadeOutDown}.home-main.logging-out .welcome-subtitle{animation:.4s cubic-bezier(.68,-.55,.265,1.55) .1s forwards fadeOutDown}.home-main.logging-out .detail-card{animation:.4s cubic-bezier(.68,-.55,.265,1.55) forwards fadeOutDown!important}.home-main.logging-out .detail-card:first-child{animation-delay:.15s!important}.home-main.logging-out .detail-card:nth-child(2){animation-delay:.2s!important}.home-main.logging-out .detail-card:nth-child(3){animation-delay:.25s!important}.home-main.logging-out .detail-card:nth-child(4){animation-delay:.3s!important}.home-main.logging-out .quick-actions{animation:.4s cubic-bezier(.68,-.55,.265,1.55) .35s forwards fadeOutDown}.user-details-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.detail-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;animation:.6s cubic-bezier(.16,1,.3,1) backwards fadeInUp;display:flex}.detail-card:first-child{animation-delay:.5s}.detail-card:nth-child(2){animation-delay:.6s}.detail-card:nth-child(3){animation-delay:.7s}.detail-card:nth-child(4){animation-delay:.8s}.detail-icon{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.detail-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.detail-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.token-value{font-family:Courier New,monospace;font-size:.875rem}.quick-actions{margin-top:2rem;animation:.6s cubic-bezier(.16,1,.3,1) .9s backwards fadeInUp}.section-title{color:var(--text-primary);margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-button{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);cursor:pointer;color:var(--text-primary);border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;font-size:1rem;font-weight:500;transition:all .3s;animation:.5s cubic-bezier(.16,1,.3,1) backwards fadeInUp;display:flex}.action-button:first-child{animation-delay:1s}.action-button:nth-child(2){animation-delay:1.1s}.action-button:nth-child(3){animation-delay:1.2s}.action-button:nth-child(4){animation-delay:1.3s}.action-button:hover{background:var(--surface-elevated);border-color:var(--primary);transform:translateY(-4px)}.action-button:active{transform:translateY(-2px)}.action-icon{font-size:2rem}.action-label{text-align:center}@media (max-width:768px){.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1rem}.user-details-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.welcome-title{font-size:1.75rem}.actions-grid{grid-template-columns:1fr}}.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);max-height:250px;padding-right:5px;font-size:1rem;line-height:1.6;overflow-y:auto}.modal-message::-webkit-scrollbar{width:4px}.modal-message::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.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-secondary:disabled,.btn-modal-primary:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-modal-primary{color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:.85rem;font-weight:600;transition:all .3s;display:flex}.btn-modal-primary.danger{background:#ef4444;box-shadow:0 4px 15px #ef44444d}.btn-modal-primary.danger:hover:not(:disabled){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:not(:disabled){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:not(:disabled){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:not(:disabled){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:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.users-filters-card{z-index:10;margin-bottom:1rem;position:relative}.filter-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .3s;display:flex}.filter-menu{z-index:1000;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(25px);border-radius:12px;flex-direction:column;gap:.25rem;width:220px;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;background:var(--surface)!important}.role-badge{border-radius:20px;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.role-badge.approved{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.role-badge.rejected{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.role-badge.pending{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.icon-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn.info-btn{color:#3498db;background:#3498db1a;margin:0 auto}.icon-btn.info-btn:hover{background:#3498db33;border-color:#3498db}.pagination-container{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.pagination-btn{background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary)}.page-num{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:32px;height:32px;font-weight:600;transition:all .2s}.page-num:hover{background:var(--glass-bg);color:var(--text-primary)}.page-num.active{background:var(--primary);color:#fff}.status-actions{justify-content:flex-start;align-items:center;gap:8px;display:flex}.status-btn{cursor:pointer;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.status-btn.approve{color:var(--success)}.status-btn.approve:hover{background:#10b98126;transform:scale(1.1)}.status-btn.reject{color:var(--danger)}.status-btn.reject:hover{background:#ef444426;transform:scale(1.1)}.status-static{justify-content:flex-start;align-items:center;display:flex}.status-static.approved{color:var(--success)}.status-static.rejected{color:var(--danger)}.report-link{color:var(--primary);cursor:pointer;padding:2px 0;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-block}.report-link:hover{color:var(--primary);opacity:.8;text-decoration:underline}.profile-page{background:var(--bg-primary);min-height:100vh;display:flex}.profile-content{flex-direction:column;flex:1;margin-left:280px;padding:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed~.profile-content{margin-left:55px}.profile-container{box-sizing:border-box;flex-direction:column;width:100%;height:calc(100vh - 20px);margin:0;padding:1.5rem 2rem;display:flex}.profile-header{margin-bottom:1.25rem;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 .25rem;font-size:2rem;font-weight:700}.profile-subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.profile-grid{flex:1;grid-template-columns:580px 1fr;align-items:stretch;gap:1.5rem;min-height:0;display:grid}.profile-sidebar-column{flex-direction:column;gap:1rem;display:flex}.profile-sidebar-column .profile-card{flex:1}.profile-details-column{flex-direction:column;gap:1rem;display:flex}.profile-card{flex-direction:column;transition:all .3s;animation:.7s cubic-bezier(.16,1,.3,1) backwards fadeInUp;display:flex}.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:1rem;height:100%;min-height:350px;display:flex}.profile-avatar-section{flex-shrink:0;position:relative}.profile-avatar-container{cursor:pointer;border-radius:50%;width:160px;height:160px;position:relative;overflow:hidden}.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:160px;height:160px;font-size:4rem;font-weight:700;transition:all .3s;display:flex}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.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-avatar-container:hover .profile-avatar-large{transform:scale(1.05)}.profile-avatar-remove-btn{color:#fff;border:2px solid var(--bg-primary);cursor:pointer;z-index:20;opacity:1;visibility:visible;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:5px;right:10px;box-shadow:0 4px 12px #ef44444d}.profile-avatar-remove-btn:hover{background:#dc2626;transform:scale(1.1)rotate(90deg);box-shadow:0 6px 16px #dc262666}.profile-info-main{width:100%}.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:var(--glass-bg);color:var(--primary);border:1px solid var(--glass-border)}.profile-badge.user{background:var(--glass-bg);color:#3b82f6;border:1px solid var(--glass-border)}.profile-card{transition:all .3s}.profile-card:hover{transform:translateY(-4px)}.profile-card-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.profile-card-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.card-action-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.card-action-btn:hover{color:var(--primary);border-color:var(--primary);transform:scale(1.1)}.save-btn:hover{color:#10b981;border-color:#10b981}.cancel-btn:hover{color:#ef4444;border-color:#ef4444}.profile-details{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;display:grid}.edit-input,.edit-select{margin-top:.25rem}.detail-value.disabled{color:var(--text-muted);opacity:.7}@media (max-width:600px){.profile-details{grid-template-columns:1fr;gap:1.25rem}}.profile-detail-item{flex-direction:column;gap:.5rem;display:flex}.detail-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.detail-value{color:var(--text-primary);padding-left:1.5rem;font-size:1rem;font-weight:600}.profile-password-form{flex-direction:column;gap:1rem;display:flex}.profile-form-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.password-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.password-toggle:hover{color:var(--primary)}.password-field-container{flex-direction:column;gap:.5rem;display:flex}.password-strength{margin-top:-.25rem}.password-strength-bars{gap:.5rem;margin-bottom:.5rem;display:flex}.password-strength-bar{background:var(--glass-border);border-radius:2px;flex:1;height:4px;transition:all .3s}.password-strength-bar.active.strength-1{background:#ef4444}.password-strength-bar.active.strength-2{background:#f59e0b}.password-strength-bar.active.strength-3{background:#10b981}.password-strength-bar.active.strength-4{background:#059669}.password-strength-text{color:var(--text-secondary);font-size:.75rem;font-weight:600}.strength-1+.password-strength-text{color:#ef4444}.strength-2+.password-strength-text{color:#f59e0b}.strength-3+.password-strength-text{color:#10b981}.strength-4+.password-strength-text{color:#059669}@media (max-width:1100px){.profile-grid{grid-template-columns:1fr}.profile-sidebar-column{width:100%;max-width:500px;margin:0 auto}}@media (max-width:768px){.profile-content{padding:0;margin-left:0!important}.profile-container{padding:1.5rem 1rem}.profile-title{font-size:2rem}}.panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5000;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:5001;visibility:hidden;flex-direction:column;height:100dvh;transition:transform .4s cubic-bezier(.4,0,.2,1),visibility .4s,width .4s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.right-panel.open{visibility:visible;visibility:visible;right:0;transform:translate(0)}.panel-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;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:40px;height:40px;color:var(--primary);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-selected);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s 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:1;padding:1.5rem;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(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem 1.5rem;display:flex;position:relative}@media (max-width:1024px){.main-layout:has(.sidebar.collapsed) .right-panel{width:calc(100vw - var(--sidebar-collapsed-width,55px))}.main-layout:has(.sidebar:not(.collapsed)) .right-panel{width:100vw}}@media (max-width:640px){.right-panel{width:100%}.panel-footer{padding-bottom:calc(2rem + env(safe-area-inset-bottom,0px))}}.users-page-container{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:1rem 2rem;display:flex}.animate-spin{animation:1s linear infinite spin;display:inline-block}.skeleton-avatar-large{border-radius:12px;width:48px;height:48px}.skeleton-text-sm{width:100px;height:.85rem}.skeleton-text-xs{width:80px;height:.75rem}.skeleton-toggle{border-radius:12px;width:44px;height:22px}.skeleton-icon{border-radius:8px;width:32px;height:32px}.btn-group .skeleton-icon{border-radius:0}.users-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.page-subtitle{color:var(--text-secondary);font-size:.95rem}.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}.add-user-btn:hover{opacity:.9;transform:translateY(-2px)}.users-stats-tabs{background:var(--surface-menu);border:1px solid var(--glass-border);border-radius:10px;align-self:flex-start;margin-bottom:.75rem;padding:2px;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:.5rem;padding:.4rem 1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.stat-tab:hover{color:var(--text-primary);background:var(--glass-bg)}.stat-tab.active{background:var(--primary);color:#fff}.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-tab.active .stat-count{color:var(--primary);background:#fff}.stat-label{font-size:.85rem}.users-filters-card{z-index:10;margin-bottom:.75rem;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}.filters-content{justify-content:space-between;align-items:center;gap:1.5rem;padding:.5rem;display:flex}.search-wrapper{flex:1;max-width:500px;position:relative}.search-input{background:var(--surface-option);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 1rem .75rem 2.8rem;transition:all .3s}.filter-actions{align-items:center;gap:1rem;display:flex}.filter-btn{background:var(--surface);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}.view-toggle{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;padding:4px;display:flex}.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);border-radius:12px;flex-direction:column;gap:.25rem;width:220px;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}.toggle-btn.active{background:var(--primary);color:#fff}.table-wrapper{overflow-x:auto}.professional-table{border-collapse:collapse;text-align:left;width:100%}.professional-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:.6rem 1.5rem;font-size:.75rem;font-weight:600}.professional-table td{border-bottom:1px solid var(--glass-border);vertical-align:middle;padding:.4rem 1.5rem}.user-info-cell{align-items:center;gap:1rem;display:flex}.user-avatar-small{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border-radius:50%;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}@keyframes sidebarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.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}@keyframes statusPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.role-badge{border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.role-badge.sa{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.role-badge.admin{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.role-badge.user{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.role-badge.vip{color:#eab308;background:#eab3081a;border:1px solid #eab30833}.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}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}.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)}.btn-group{align-items:center;display:flex;gap:0!important}.btn-group button,.btn-group .btn-action-icon,.btn-group .icon-btn,.btn-group .action-icon-fancy{border-radius:0;margin:0;position:relative}.btn-group button:not(:first-child),.btn-group .btn-action-icon:not(:first-child),.btn-group .icon-btn:not(:first-child),.btn-group .action-icon-fancy:not(:first-child){margin-left:-1px}.btn-group button:hover,.btn-group .btn-action-icon:hover,.btn-group .icon-btn:hover,.btn-group .action-icon-fancy:hover{z-index:2}.btn-group button:first-child,.btn-group .btn-action-icon:first-child,.btn-group .icon-btn:first-child,.btn-group .action-icon-fancy:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.btn-group button:last-child,.btn-group .btn-action-icon:last-child,.btn-group .icon-btn:last-child,.btn-group .action-icon-fancy:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.card-footer-actions.btn-group .action-icon-fancy:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.card-footer-actions.btn-group .action-icon-fancy:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.users-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:1rem;display:grid}@media (min-width:1281px){.users-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1280px) and (min-width:1001px){.users-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px) and (min-width:641px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.users-grid{grid-template-columns:1fr}}.user-card-vertical-redesign{--card-inner-bg:#00000026}[data-theme=light] .user-card-vertical-redesign{--card-inner-bg:#ececec3d}.user-card-vertical-redesign{border:1px solid var(--glass-border);background:var(--surface-card);border-radius:16px;flex-direction:column;height:100%;display:flex;padding:0!important}.card-header-redesign{border-bottom:1px solid var(--glass-border);background:var(--card-inner-bg);padding:1rem 1.25rem}.card-user-name-new{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:700}.card-main-redesign{flex-grow:1;grid-template-columns:80px 1fr;align-items:center;gap:1.25rem;padding:1.25rem;display:grid}.user-avatar-wrapper-new{background:var(--surface-option);border:1px solid var(--glass-border);border-radius:18px;justify-content:center;align-items:center;width:80px;height:80px;padding:4px;display:flex}.user-avatar-large-new{background:var(--primary-gradient);color:#fff;text-transform:uppercase;border-radius:14px;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.75rem;font-weight:700;display:flex;position:relative}.card-right-new{flex-direction:column;gap:.5rem;min-width:0;display:flex}.user-info-group{flex-direction:column;gap:.35rem;display:flex}.card-user-email-new{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:flex}.text-truncate-custom{white-space:nowrap;text-overflow:ellipsis;max-width:180px;display:block;overflow:hidden}.role-badge-new{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-self:flex-start;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.role-badge-new.sa{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.role-badge-new.admin{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}.role-badge-new.vip{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.role-badge-new.user{color:#a855f7;background:#a855f71a;border:1px solid #a855f733}.last-access-new{color:var(--text-muted);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.card-footer-redesign{background:var(--card-inner-bg);border-top:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.card-footer-actions{gap:.4rem;display:flex}.action-icon-fancy{border:1px solid var(--glass-border);background:var(--surface);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-icon-fancy:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--glass-bg);transform:scale(1.05)}.action-icon-fancy.edit:hover{color:var(--primary);border-color:var(--primary)}.action-icon-fancy.delete:hover{color:#ef4444;border-color:#ef4444}.action-icon-fancy.more:hover{color:var(--text-primary);border-color:var(--text-primary)}.toggle-switch-compact{width:36px;height:18px;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:20px;transition:all .4s;position:absolute;inset:0}[data-theme=light] .toggle-slider-compact{background-color:#00000014;border-color:#0000001a}.toggle-slider-compact:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .4s;position:absolute;bottom:2px;left:2px}.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)}.toggle-switch-compact:hover .toggle-slider-compact{border-color:var(--primary);background-color:#ffffff1a}[data-theme=light] .toggle-switch-compact:hover .toggle-slider-compact{background-color:#0000000d}.card-footer-status{align-items:center;display:flex}.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)}.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:1600px){.users-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1200px){.users-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.users-grid{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}.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-horizontal{text-align:center;flex-direction:column;gap:1rem;padding:2rem 1.5rem!important}.card-center{align-items:center}.card-name-row{justify-content:center}.card-meta{flex-direction:column;justify-content:center;gap:.5rem}.divider-dot{display:none}.card-right{border-top:1px solid var(--glass-border);align-items:center;width:100%;padding-top:1rem;padding-left:0}.card-actions-h{justify-content:center;gap:1rem;width:100%}.btn-action-icon{width:40px;height:40px}.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)}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.form-input,.form-select{border:1px solid var(--glass-border);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}.form-select option{background:var(--surface-card);color:var(--text-primary)}.avatar-upload-section{border:1px dashed var(--glass-border);background:#ffffff08;border-radius:16px;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:2rem;padding:1.5rem;transition:all .3s;display:flex}.avatar-upload-section:hover{border-color:var(--primary);background:#ffffff0d}.avatar-preview-container{width:100px;height:100px;position:relative}.avatar-preview{object-fit:cover;border:3px solid var(--surface-card);border-radius:50%;width:100%;height:100%;transition:all .3s;box-shadow:0 8px 16px #0003}.avatar-preview-placeholder{background:var(--primary-gradient);color:#fff;cursor:pointer;border:3px solid var(--surface-card);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:700;display:flex;position:relative}.avatar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;opacity:0;cursor:pointer;z-index:10;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}.avatar-overlay span{text-transform:uppercase;font-size:.8rem;font-weight:600}.avatar-preview-container:hover .avatar-overlay{opacity:1}.avatar-preview-container:hover .avatar-preview,.avatar-preview-container:hover .avatar-preview-placeholder{transform:scale(1.05)}.avatar-remove-btn{color:#fff;border:2px solid var(--surface-card);cursor:pointer;z-index:20;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;position:absolute;top:0;right:0;box-shadow:0 4px 12px #ef44444d}.avatar-remove-btn:hover{background:#dc2626;transform:scale(1.1)rotate(90deg)}.avatar-upload-text{text-align:center}.avatar-upload-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.avatar-upload-subtitle{color:var(--text-secondary);font-size:.75rem}.password-input-wrapper{align-items:center;gap:.5rem;display:flex;position:relative}.password-actions-group{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:8px;gap:2px;padding:2px;display:flex}.btn-password-action{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-password-action:hover{color:var(--primary);background:#ffffff14}.btn-password-action.copy:hover{color:#22c55e}.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-actions-fixed{background:0 0;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.btn-primary{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1a}.btn-primary:active{transform:translateY(0)}.btn-secondary:active{background:#ffffff26}@media (max-width:768px){.users-page-container{padding:.75rem}.users-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1rem}.page-title{font-size:1.5rem}.add-user-btn{justify-content:center}.users-stats-tabs{margin-bottom:1rem;padding-bottom:5px;display:flex;overflow-x:auto}.stat-tab{white-space:nowrap;padding:.5rem .75rem}.filters-content{flex-direction:column;align-items:center;gap:1rem}.search-wrapper{width:100%;max-width:400px}.filter-actions{justify-content:center;gap:.75rem;width:100%}.filter-btn{padding:.6rem .75rem}.form-grid{grid-template-columns:1fr}.table-wrapper{overflow-x:auto}.professional-table th,.professional-table td{padding:.75rem .5rem;font-size:.8rem}.professional-table th:nth-child(2),.professional-table td:nth-child(2),.professional-table th:nth-child(4),.professional-table td:nth-child(4){display:none}.card-main-redesign{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.75rem;padding:1rem}.card-right-new,.user-info-group{align-items:center}.role-badge-new{align-self:center}.last-access-new{justify-content:center}}.pagination-container{background:var(--surface-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;margin:1.5rem 0 2rem;padding:1rem 1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}@media (max-width:1024px){.pagination-container{flex-direction:column;gap:1.5rem;padding:1.5rem}.pagination-left{flex-direction:column;gap:1rem;width:100%}.items-per-page{justify-content:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}}.user-card-vertical-redesign.flat-card{cursor:default;box-shadow:none!important;background:var(--glass-bg)!important;transform:none!important}.user-card-vertical-redesign.flat-card:hover{box-shadow:none!important;background:var(--glass-bg)!important;transform:none!important}.user-card-vertical-redesign.flat-card:hover *{pointer-events:auto}.user-card-vertical-redesign.flat-card .card-header-redesign{background:0 0!important;border-bottom-color:#ffffff1a!important}.permissions-panel-content{flex-direction:column;gap:.75rem;padding-bottom:1.5rem;display:flex}.permissions-intro{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.areas-accordion-container{flex-direction:column;gap:.5rem;display:flex}.area-accordion-item{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;transition:all .3s;overflow:hidden}.area-accordion-item.expanded{border-color:var(--primary);box-shadow:0 4px 20px #0000001a}.area-accordion-header{background:var(--surface-menu);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.area-header-right{align-items:center;gap:.75rem;display:flex}.area-header-left{cursor:pointer;flex:1;align-items:center;gap:1rem;display:flex}.accordion-arrow{color:var(--text-secondary);transition:transform .3s}.accordion-arrow.rotate{color:var(--primary);transform:rotate(180deg)}.area-info{flex-direction:column;display:flex}.area-name{color:var(--text-primary);font-weight:600}.area-stats{color:var(--text-secondary);font-size:.75rem}.area-accordion-content{background:var(--surface-card);border-top:1px solid var(--glass-border);padding:.25rem 1rem .75rem 2.8rem}.reports-list{flex-direction:column;gap:.5rem;display:flex}.report-permission-item{border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;transition:background .2s;display:flex}.report-permission-item:hover{background:var(--glass-bg)}.report-info{color:var(--text-primary);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.no-reports-msg{color:var(--text-secondary);padding:1rem 0;font-size:.85rem;font-style:italic}.permission-checkbox-wrapper{cursor:pointer;width:20px;height:20px;display:block;position:relative}.permission-checkbox-wrapper input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{background-color:var(--surface-option);border:2px solid var(--glass-border);border-radius:6px;width:20px;height:20px;transition:all .2s;position:absolute;top:0;left:0}.permission-checkbox-wrapper:hover input~.checkmark{border-color:var(--primary)}.permission-checkbox-wrapper input:checked~.checkmark,.permission-checkbox-wrapper input:indeterminate~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";display:none;position:absolute}.permission-checkbox-wrapper input:checked~.checkmark:after{display:block}.permission-checkbox-wrapper input:indeterminate~.checkmark:after{background:#fff;width:10px;height:2px;display:block;top:8px;left:5px}.permission-checkbox-wrapper .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.permission-checkbox-wrapper input:checked~.checkmark:after,.permission-checkbox-wrapper input:indeterminate~.checkmark:after{background-color:#fff!important;border:none!important;border-radius:50%!important;width:8px!important;height:8px!important;display:block!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.permissions-search-container{margin-bottom:.2rem;position:relative}.perm-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.permissions-search-input{background:var(--surface-option);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:12px;padding:.75rem 2.8rem;font-size:.9rem;transition:all .3s}.permissions-search-input:focus{border-color:var(--primary);background:var(--surface-menu);outline:none;box-shadow:0 0 0 4px #7c3aed1a}.clear-perm-search{background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-perm-search:hover{background:var(--primary);color:#fff}.no-perm-results{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;display:flex}.no-perm-results svg{opacity:.2}.no-perm-results p{font-size:.95rem;font-weight:500}.permissions-skeleton-list{flex-direction:column;gap:.75rem;display:flex}.skeleton-area-item{border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.skeleton-area-header{border-radius:0;width:100%;height:56px}.ia-permission-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7c3aed1a,#4f46e50d);border:1px solid #7c3aed33;border-radius:12px;margin-bottom:.25rem;padding:.75rem 1rem;position:relative;overflow:hidden}.ia-card-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.ia-info{flex:1;align-items:center;gap:1.25rem;display:flex}.ia-icon-wrapper{color:#a78bfa;background:linear-gradient(135deg,#7c3aed4d,#4f46e533);border:1px solid #7c3aed66;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #0000001a}.ia-text{flex-direction:column;gap:.25rem;display:flex}.ia-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.ia-subtitle{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.areas-accordion-container{flex-direction:column;gap:.5rem;margin-top:0;padding-bottom:2rem;display:flex}.tools-permissions-sidebar-list{flex-direction:column;gap:1.5rem;padding-bottom:2rem;display:flex}.tool-sidebar-area-group{background:var(--surface-card);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;transition:all .3s}.tool-sidebar-area-group:hover{border-color:#7c3aed4d;box-shadow:0 4px 15px #0000001a}.tool-area-title-sidebar{text-transform:uppercase;color:var(--text-muted);border-left:3px solid var(--primary);letter-spacing:.05em;margin-bottom:1.25rem;padding-left:.75rem;font-size:.8rem;font-weight:700}.tool-sidebar-items-list{flex-direction:column;gap:.75rem;display:flex}.tool-permission-item-sidebar{background:var(--surface-option);border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.tool-permission-item-sidebar:hover{border-color:var(--primary);background:var(--surface-menu);transform:translate(4px)}.tool-item-info{color:var(--text-primary);align-items:center;gap:1rem;display:flex}.tool-item-icon{color:var(--primary);opacity:.8}.tool-item-name{font-size:.95rem;font-weight:500}.icon-btn.tools:hover{color:var(--primary);border-color:var(--primary)}.action-icon-fancy.tools:hover{color:var(--primary);background:#7c3aed1a}.report-chat-sidebar{background:var(--surface);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--glass-border);z-index:4000;flex-direction:column;flex-shrink:0;width:600px;height:100%;margin-right:-600px;transition:margin-right .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:-10px 0 30px #0003}.report-chat-sidebar.open{margin-right:0}.report-sidebar-toggle-btn{background:var(--surface);border:1px solid var(--glass-border);width:32px;height:80px;color:var(--primary);cursor:pointer;z-index:4001;border-right:none;border-radius:12px 0 0 12px;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%);box-shadow:-4px 0 15px #0000001a}.report-sidebar-toggle-btn:hover{background:var(--primary);color:#fff;width:36px}[data-theme=light] .report-sidebar-toggle-btn{background:#fff;border-color:#0000001a;box-shadow:-2px 0 10px #0000000d}[data-theme=light] .report-sidebar-toggle-btn:hover{background:var(--primary);color:#fff}.report-sidebar-toggle-btn.open{right:600px}.report-chat-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.chat-header-info{flex-direction:row;align-items:center;gap:.75rem;display:flex}.chat-header-info h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:600}.chat-header-info p{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin:0;font-size:.75rem;overflow:hidden}.header-actions{align-items:center;gap:.5rem;display:flex}.icon-btn-header,.chat-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.icon-btn-header:hover,.chat-close-btn:hover{color:var(--text-primary);background:#ffffff1a}[data-theme=light] .icon-btn-header:hover,[data-theme=light] .chat-close-btn:hover{background:#0000000d}.ai-icon-container{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.chat-close-btn{background:var(--surface-selected);border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.chat-close-btn:hover{color:#ef4444;background:#ef44441a}.report-chat-content{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.chat-empty-state p{font-size:.9rem}.agent-indicator{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:4px 12px;font-size:.75rem}.agent-indicator span{color:var(--primary);font-weight:600}.report-msg{max-width:85%;display:flex}.report-msg.user-msg{align-self:flex-end}.report-msg.assistant-msg{align-self:flex-start}.msg-bubble{border-radius:14px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5;position:relative}.user-msg .msg-bubble{background:var(--primary);color:#000;border-bottom-right-radius:4px;font-weight:500}.assistant-msg .msg-bubble{background:var(--surface-selected);color:var(--text-primary);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.msg-bubble.loading{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.report-chat-footer{border-top:1px solid var(--glass-border);background:var(--glass-bg);padding:1.25rem}.chat-input-container{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;align-items:flex-end;gap:.5rem;padding:.5rem;display:flex}.chat-input-container textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:36px;max-height:120px;padding:.5rem;font-size:.9rem}.chat-send-btn{background:var(--primary);color:#000;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s,opacity .2s;display:flex}.chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.report-chat-sidebar .markdown-content{font-size:.875rem}.report-chat-sidebar .markdown-table-wrapper{margin:1rem 0;font-size:.75rem}.report-chat-sidebar .markdown-content table{min-width:400px}.report-chat-sidebar .ai-chart-wrapper{margin:1rem 0;padding:.75rem}.report-chat-sidebar .view-switcher{padding:2px}.report-chat-sidebar .view-btn{width:24px;height:24px}@media (max-width:640px){.report-chat-sidebar{z-index:5000;background:var(--background);-webkit-backdrop-filter:none;width:100%;height:calc(100dvh - 45.2px);box-shadow:none;margin-right:0;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:45.2px;right:0;transform:translate(100%)}.report-chat-sidebar.open{transform:translate(0)}.report-sidebar-toggle-btn.open{display:none}.report-chat-header{background:var(--background);padding:1rem}}.message-avatar{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:.75rem;display:flex}.report-msg{align-items:flex-start;width:100%;margin-bottom:1.25rem;display:flex}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes breath{0%,to{opacity:.8;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes pulse-avatar{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.user-msg{flex-direction:row-reverse}.user-msg .message-avatar{margin-left:.75rem;margin-right:0}.report-view-container{background-color:var(--background);width:100%;height:100%;overflow:hidden}.report-view-layout{flex-direction:row;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.report-view-container.restricted{background:0 0;border-radius:0!important;gap:0!important;padding:0!important}.report-view-container.restricted .report-content-wrapper{width:100%;height:100%;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important}.report-view-container .report-header{border-bottom:1px solid var(--glass-border);align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.report-view-container .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.report-view-container .back-btn:hover{background:var(--glass-bg);color:var(--text-primary)}.report-view-container .report-title-section{flex:1}.report-view-container .report-title-section h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:600}.report-view-container .report-type-badge{text-transform:uppercase;background:rgba(var(--primary-rgb,255,193,7),.1);color:var(--primary);border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.report-view-container .report-content-wrapper{background:var(--glass-bg);border:none;border-radius:0;flex:1;position:relative;overflow:hidden}.report-view-container .report-iframe{border:none;width:100%;height:100%}.report-view-container .report-iframe.blurred{filter:blur(14px)grayscale(.6);pointer-events:none}.report-footer-mask{z-index:5;pointer-events:auto;background-color:#fff;width:100%;height:36px;position:absolute;bottom:0;left:0}.report-view-container .report-overlay-absolute{z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.report-view-container .overlay-curtain-solid{-webkit-backdrop-filter:blur(45px);z-index:1;background-color:#1a1a2eb3;position:absolute;inset:0}.report-view-container .report-overlay-absolute:before,.report-view-container .report-overlay-absolute:after{content:"";filter:blur(100px);opacity:.15;z-index:0;border-radius:50%;width:400px;height:400px;position:absolute}.report-view-container .report-overlay-absolute:before{background:var(--primary);top:-150px;left:-150px}.report-view-container .report-overlay-absolute:after{background:var(--primary-dark);bottom:-150px;right:-150px}.report-view-container .overlay-content-centered{z-index:5;text-align:center;width:100%;max-width:500px;padding:2rem;position:relative}.report-view-container .lock-icon-wrapper.large{color:#ef4444;background:#ef444426;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite lockPulse;display:flex}@keyframes lockPulse{0%{transform:scale(1);box-shadow:0 0 #ef44444d}70%{transform:scale(1.05);box-shadow:0 0 0 15px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.report-view-container .lock-title{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.report-view-container .lock-description{color:#fffc;margin-bottom:2rem;font-size:1rem;line-height:1.6}.report-view-container .justification-textarea{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:120px;padding:1.2rem;font-family:inherit;transition:all .3s}.report-view-container .justification-textarea:focus{border-color:var(--primary);background:#ffffff14;outline:none}.report-view-container .justification-textarea.has-error{background:#ef44440d;border-color:#ef4444!important}.report-view-container .justification-error-msg{color:#ef4444;text-align:center;margin-top:.5rem;font-size:.875rem;font-weight:500}.report-view-container .request-access-action{justify-content:center;margin-top:1.5rem;display:flex}.report-view-container .request-access-btn{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:30px!important;padding:.6rem 1.2rem!important;font-weight:500!important;transition:all .2s!important}.report-view-container .request-access-btn:hover{transform:scale(1.02);border-color:var(--primary)!important;background:#ffffff1a!important}[data-theme=light] .report-view-container .overlay-curtain-solid{-webkit-backdrop-filter:blur(60px);background-color:#f8fafcb3}[data-theme=light] .report-view-container .lock-title{color:#0f172a}[data-theme=light] .report-view-container .lock-description{color:#334155}[data-theme=light] .report-view-container .lock-description strong{color:#0f172a}[data-theme=light] .report-view-container .justification-textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0}[data-theme=light] .report-view-container .justification-textarea::placeholder{color:#94a3b8}[data-theme=light] .report-view-container .request-access-btn{color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}[data-theme=light] .report-view-container .request-access-btn:hover{box-shadow:none!important;background:#f1f5f9!important;border-color:#3b82f6!important}.report-view-container .report-loading{background-color:var(--background);z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:absolute;inset:0}.report-view-container .report-loading svg{color:var(--primary)}.report-view-container .report-loading p{color:var(--text-secondary);letter-spacing:.02em;font-size:1.1rem;font-weight:500}[data-theme=light] .report-view-container .report-loading p{color:#475569}[data-theme=light] .report-view-container .report-loading svg{color:#3b82f6}.reports-page-container{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:1rem 2rem;display:flex}.reports-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.add-report-btn{background:var(--primary-gradient);color:#fff;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-report-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.reports-filters-card{margin-bottom:.75rem}.report-info-cell{align-items:center;gap:1rem;display:flex}.report-icon-box{background:var(--surface-option);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.report-icon-box.informe{color:var(--primary);background:#7c3aed1a}.report-icon-box.datamart{color:#10b981;background:#10b9811a}.report-details-small{flex-direction:column;gap:.25rem;display:flex}.report-name-text{color:var(--text-primary);font-weight:600}.report-url-link{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.75rem;text-decoration:none;display:flex}.report-url-link:hover{color:var(--primary)}.area-info-cell{flex-direction:column;display:flex}.area-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.gerencia-name{color:var(--text-secondary);font-size:.75rem}.type-badge{text-transform:uppercase;border-radius:6px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.type-badge.informe{color:var(--primary);background:#7c3aed1a}.type-badge.datamart{color:#10b981;background:#10b9811a}.date-text{color:var(--text-secondary);font-size:.85rem}.user-form{flex-direction:column;gap:1.15rem;display:flex}.form-section{flex-direction:column;gap:.5rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;display:grid}.form-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;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}.form-input,.form-select{border:1px solid var(--glass-border);color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border-radius:12px;width:100%;padding:.75rem .85rem;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-section-header{color:var(--primary);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;margin:1rem 0 .75rem;padding-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.form-section-header span{color:var(--text-primary)}.panel-container-inner{flex-direction:column;height:100%;display:flex}.panel-cancel-btn{background:var(--surface-option);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;border-radius:10px;padding:.7rem 1.25rem;font-weight:600;transition:all .2s}.panel-cancel-btn:hover{background:var(--glass-bg);border-color:var(--text-secondary)}.panel-save-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.panel-save-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.panel-save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.professional-table{border-collapse:collapse;width:100%}.professional-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem;font-size:.75rem}.professional-table td{border-bottom:1px solid var(--glass-border);padding:1rem 1.5rem}.professional-table tr:hover{background:var(--glass-bg)}.sortable{cursor:pointer}.action-btns{justify-content:flex-end;gap:.5rem;display:flex}.icon-btn{border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem;transition:all .2s}.icon-btn:hover{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}.empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.custom-checkbox{appearance:none;border:2px solid var(--glass-border);cursor:pointer;vertical-align:middle;background:#ffffff0d;border-radius:6px;width:20px;height:20px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.custom-checkbox:checked{background:var(--primary);border-color:var(--primary)}.custom-checkbox:checked:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:5px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.custom-checkbox:hover{border-color:var(--primary);box-shadow:0 0 0 4px #7c3aed1a}.selected-row td{background:#7c3aed0d}.form-divider{background:linear-gradient(to right,transparent,var(--glass-border),transparent);height:1px;margin:1rem 0}.chatbot-config-section{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;margin-top:.25rem;padding:1.15rem;transition:all .3s}.chatbot-config-section:hover{background:#ffffff0d;border-color:#7c3aed4d}.chatbot-toggle-wrapper{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.toggle-info{flex-direction:column;gap:.25rem;display:flex}.toggle-label{color:var(--text-primary);font-size:1rem;font-weight:700}.toggle-sublabel{color:var(--text-secondary);margin:0;font-size:.8rem}.form-help-text{color:var(--text-secondary);margin-top:.5rem;font-size:.75rem;font-style:italic}.switch{flex-shrink:0;width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--glass-border);background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background:var(--primary-gradient);border-color:#0000}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.notifications-page{box-sizing:border-box;isolation:isolate;will-change:transform;z-index:1;flex-direction:column;width:100%;margin:0;padding:1rem 2rem;display:flex;position:relative;transform:translateZ(0)}.notifications-header{flex-shrink:0;margin-bottom:.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.page-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:.25rem;font-size:2rem;font-weight:700;display:flex}.icon-title{color:var(--primary)}@media screen and (max-height:800px),screen and (max-width:1400px){.notifications-page{padding:1.5rem}.page-title{font-size:2rem}.page-subtitle{font-size:.95rem}}@media screen and (max-height:700px){.notifications-page{padding:.75rem 1.5rem}.notifications-header{margin-bottom:.25rem}.page-title{margin-bottom:0;font-size:1.5rem}.page-subtitle{font-size:.9rem}}.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}.theme-toggle:hover{background:var(--surface-elevated);color:var(--primary);transform:translateY(-2px)}.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)}.permissions-report-container{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;height:100%;margin:0;padding:1rem 2rem;animation:.4s ease-out fadeIn;display:flex}.report-header{justify-content:space-between;align-items:center;display:flex}.page-title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:.25rem 0 0;font-size:.95rem}.export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#107c41 0%,#0b5e31 100%);border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #107c4133}.export-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 16px #107c414d}.export-btn:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary);box-shadow:none}.report-table-card{border-radius:16px;flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex;overflow:hidden}.table-container{flex-direction:column;flex:1;min-height:0;display:flex}.table-wrapper{flex:1;overflow-x:auto}.professional-table{border-collapse:collapse;width:100%;font-size:.9rem}.professional-table th{color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--glass-border);letter-spacing:.05em;background:#ffffff08;padding:.75rem 1rem;font-size:.75rem;font-weight:600}.column-header-interactive{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.column-header-interactive.center{justify-content:center}.filter-button-container{align-items:center;display:flex;position:relative}.filter-icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.filter-icon-btn:hover{color:var(--text-primary);background:#ffffff1a}.filter-icon-btn.active{color:var(--primary);background:rgba(var(--primary-rgb),.1)}.filter-popup{background:var(--surface-menu);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);z-index:100;border-radius:12px;flex-direction:column;width:280px;padding:0;animation:.2s ease-out slideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-popup-header{border-bottom:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.filter-popup-header span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.filter-popup-header button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;display:flex}.filter-popup-header button:hover{color:#ef4444;background:#ef44441a}.filter-popup-search{align-items:center;padding:.75rem 1rem;display:flex;position:relative}.filter-popup-search svg{color:var(--text-tertiary);pointer-events:none;position:absolute;left:1.5rem}.filter-popup-search input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:8px;outline:none;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem;transition:border-color .2s}.filter-popup-search input:focus{border-color:var(--primary);background:#ffffff14}.filter-popup-options{padding:0 .5rem}.filter-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:.75rem;padding:.25rem .55rem;transition:background .2s;display:flex}.filter-option:hover{background:#ffffff0d}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:4px}.filter-option span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.85rem;overflow:hidden}.filter-option.select-all{border-bottom:1px solid var(--glass-border);border-radius:0;margin:0 .5rem .5rem;padding:.5rem .75rem;font-weight:600}.filter-scroll-area{max-height:200px;margin-right:-.25rem;padding:.25rem .5rem;overflow-y:auto}.filter-scroll-area::-webkit-scrollbar{width:4px}.filter-scroll-area::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.no-filter-results{text-align:center;color:var(--text-tertiary);padding:1rem;font-size:.85rem;font-style:italic}.filter-popup-footer{border-top:1px solid var(--glass-border);background:#ffffff05;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.filter-popup-footer span{color:var(--text-secondary);font-size:.75rem}.btn-apply-filter{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:opacity .2s}.btn-apply-filter:hover{opacity:.9}.pagination-container.footer-pagination{border-top:none;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0;display:flex;position:relative}.pagination-container.footer-pagination:before{content:"";background:linear-gradient(90deg,transparent,var(--glass-border),transparent);height:1px;position:absolute;top:0;left:10%;right:10%}.pagination-btn,.page-num{background:var(--surface-card);border:1px solid var(--glass-border);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.user-cell{align-items:center;gap:.75rem;display:flex}.user-icon{width:32px;height:32px;color:var(--primary);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;display:flex}.user-details{flex-direction:column;display:flex}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.user-email{color:var(--text-secondary);font-size:.8rem}.report-cell{align-items:center;gap:.6rem;display:flex}.report-icon{color:var(--text-secondary)}.report-name{color:var(--text-primary);font-weight:500}.location-cell{flex-direction:column;gap:.2rem;display:flex}.location-item{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.location-item.area{color:var(--text-tertiary);font-size:.8rem}.status-badge{border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{color:#2fb344;background:#107c411a;border:1px solid #107c4133}.status-badge.inactive{color:#ef4444;background:#dc26261a;border:1px solid #dc262633}.skeleton-avatar{border-radius:8px;width:32px;height:32px}.skeleton-title{width:140px;height:1rem;margin-bottom:.4rem}.skeleton-text-sm{border-radius:2px;height:.75rem}.skeleton-badge{border-radius:20px;width:70px;height:22px}.skeleton-icon{border-radius:4px}.pagination-container.footer-pagination{border:1px solid var(--glass-border);background:var(--surface-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.25rem 1.5rem;animation:.5s ease-out fadeInUp;display:flex}.pagination-controls{align-items:center;gap:.4rem;display:flex}.pagination-btn:disabled{opacity:.2;cursor:not-allowed}@media (max-width:1024px){.pagination-container.footer-pagination{flex-direction:column;gap:1.5rem;padding:1.5rem}.pagination-left{flex-direction:column;gap:1rem;width:100%}.items-per-page{justify-content:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}}:root{--sf-bg-main:var(--background);--sf-bg-sidebar:var(--surface);--sf-bg-card:var(--surface-card);--sf-bg-hover:var(--surface-elevated);--sf-border:var(--glass-border);--sf-accent:var(--primary);--sf-text-primary:var(--text-primary);--sf-text-secondary:var(--text-secondary);--sf-gradient-start:var(--gradient-start);--sf-gradient-end:var(--gradient-end);--sf-shadow:var(--glass-shadow);--sidebar-w:520px}.ai-assistant-container{background:var(--sf-bg-main);height:100%;min-height:calc(100vh - 80px);color:var(--sf-text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .3s,color .3s;display:flex;position:relative;overflow:hidden}.chat-sidebar{width:var(--sidebar-w);background:var(--sf-bg-sidebar);border-left:1px solid var(--sf-border);z-index:5000;flex-direction:column;order:2;gap:1.25rem;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.chat-sidebar.closed{opacity:0;pointer-events:none;border-left:none;width:0;margin-right:-10px;padding:1.25rem 0}.sidebar-header{border-bottom:1px solid var(--sf-border);align-items:center;gap:.5rem;padding-bottom:1rem;display:flex}.new-chat-btn{background:var(--sf-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.new-chat-btn:hover{opacity:.9}.sidebar-section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--sf-text-secondary);margin-top:1rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.sidebar-search{margin-bottom:.5rem;position:relative}.search-input{background:var(--sf-bg-hover);width:100%;color:var(--sf-text-primary);border:1px solid #0000;border-radius:8px;outline:none;padding:.6rem 1rem .6rem 2.2rem;font-size:.9rem;transition:all .3s}.sidebar-search:focus-within .search-icon{color:var(--sf-accent);left:16px}.chat-history-list{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow-y:auto}.chat-session-item{cursor:pointer;color:var(--sf-text-secondary);border:1px solid #0000;border-radius:6px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;transition:all .2s;display:flex}.chat-session-item:hover{background:var(--sf-bg-hover);color:var(--sf-text-primary)}.chat-session-item.active{color:var(--sf-accent);font-weight:500}.session-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.delete-session-btn{opacity:0;color:var(--sf-text-secondary);cursor:pointer;background:0 0;border:none;padding:2px;transition:opacity .2s}.chat-session-item:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{color:#ef4444}.sidebar-toggle-btn{z-index:50;background:var(--sf-bg-card);border:1px solid var(--sf-border);color:var(--sf-text-secondary);cursor:pointer;border-right:none;border-radius:50% 0 0 50%;justify-content:center;align-items:center;width:20px;height:60px;padding:2px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:-2px 0 8px #0000001a}.sidebar-toggle-btn:hover{color:var(--sf-text-primary);background:var(--sf-bg-hover);width:24px}.sidebar-toggle-btn.open{right:var(--sidebar-w);background:var(--sf-bg-sidebar)}.sidebar-toggle-btn.open:hover{background:var(--sf-bg-hover)}.chat-main-area{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.hero-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:.5s cubic-bezier(.4,0,.2,1) heroFadeIn;display:flex}@keyframes heroFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hero-greeting{color:var(--sf-text-primary);text-align:center;margin-bottom:.5rem;font-size:2.5rem;font-weight:600}.hero-subtitle{color:var(--sf-accent);text-align:center;margin-bottom:3rem;font-size:2.5rem;font-weight:600}.hero-input-wrapper{background:var(--sf-bg-card);border:1px solid var(--sf-border);width:100%;max-width:700px;box-shadow:var(--sf-shadow);border-radius:20px;padding:.5rem;transition:all .3s;position:relative}.hero-input-wrapper:focus-within{border-color:var(--sf-accent);box-shadow:0 0 0 2px #ffd70033}.hero-send-btn{position:absolute;bottom:12px;right:12px;width:44px!important;height:44px!important}.hero-input{width:100%;color:var(--sf-text-primary);resize:none;background:0 0;border:none;min-height:60px;padding:1rem 3rem 1rem 1.5rem;font-size:1.1rem;box-shadow:none!important;outline:none!important}.hero-actions{color:var(--sf-text-secondary);border-top:1px solid var(--sf-border);justify-content:space-between;margin-top:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.agent-badge{background:var(--sf-bg-hover);border-radius:12px;align-items:center;gap:.5rem;padding:4px 12px;display:flex}.suggestion-pills{flex-direction:column;gap:1rem;width:100%;max-width:700px;margin-top:3rem;display:flex}.suggestion-pill{border:1px solid var(--sf-border);color:var(--sf-text-secondary);cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;transition:all .2s;display:flex}.suggestion-pill:hover{background:var(--sf-bg-hover);border-color:var(--sf-text-secondary);color:var(--sf-text-primary)}.agent-selector-hero{border:1px solid var(--sf-border);background:#ffffff08;border-radius:12px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.5rem 1rem;display:flex}.selector-label{color:var(--sf-text-secondary);font-size:.85rem;font-weight:500}.agent-select-minimal{color:var(--sf-accent);cursor:pointer;background:0 0;border:none;outline:none;padding-right:.5rem;font-size:.85rem;font-weight:600}.agent-select-minimal option{background:var(--sf-bg-card);color:var(--sf-text-primary)}.chat-scroll-area{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:.4s cubic-bezier(.4,0,.2,1) chatViewFadeIn;display:flex;overflow-y:auto}@keyframes chatViewFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item{gap:1.5rem;width:100%;animation:.3s fadeIn;display:flex}.message-avatar{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.message-avatar.user-avatar{background:var(--sf-accent);color:#fff}.message-avatar.assistant-avatar{background:var(--sf-bg-card);border:1px solid var(--sf-border);color:var(--sf-accent)}.menu-bubble{color:var(--sf-text-primary);overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0;max-width:100%;font-size:.95rem;line-height:1.6}.user-bubble{background:var(--sf-bg-card);border:1px solid var(--sf-border);border-radius:12px;width:fit-content;padding:1rem 1.5rem}.assistant-bubble{padding-top:.3rem}.markdown-content{max-width:100%;position:relative;overflow-x:hidden}.view-switcher{background:var(--sf-bg-card);border:1px solid var(--sf-border);z-index:10;border-radius:8px;gap:.25rem;padding:2px;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 8px #0003}.view-btn{color:var(--sf-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.view-btn:hover{background:var(--sf-bg-hover);color:var(--sf-text-primary)}.view-btn.active{background:var(--sf-accent);color:#fff}.message-text-content.hide-table .markdown-table-wrapper{display:none!important}.markdown-content p{margin-bottom:.75rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{color:var(--sf-accent);font-weight:600}.markdown-content ul,.markdown-content ol{margin-bottom:.75rem;margin-left:1.5rem}.markdown-content li{margin-bottom:.25rem}.markdown-table-wrapper{border:1px solid var(--sf-border);background:var(--sf-bg-main);border-radius:12px;width:100%;max-width:100%;margin:1.5rem 0;overflow-x:auto;box-shadow:0 4px 12px #0000001a}.markdown-content table{border-collapse:separate;border-spacing:0;width:100%;min-width:600px;color:var(--sf-text-primary);font-size:.875rem}.markdown-content th{background:var(--sf-bg-hover);color:var(--sf-text-secondary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--sf-border);padding:1rem;font-size:.75rem;font-weight:600}.markdown-content td{border-bottom:1px solid var(--sf-border);vertical-align:middle;padding:.875rem 1rem}.markdown-content tr:last-child td{border-bottom:none}.markdown-content tr:nth-child(2n){background:#ffffff05}.markdown-content tr:hover{background:var(--sf-bg-hover)}:is(.markdown-content td:has(>strong),.markdown-content td){font-variant-numeric:tabular-nums}.markdown-content code{background:var(--sf-bg-hover);color:var(--sf-accent);border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.9em}.ai-chart-wrapper{background:var(--sf-bg-card);border:1px solid var(--sf-border);border-radius:12px;margin:1.5rem 0;padding:1.25rem;box-shadow:0 4px 12px #0000001a}.chart-title{color:var(--sf-text-primary);text-align:center;margin-bottom:1rem;font-weight:600}.chart-container{width:100%;min-height:300px}.markdown-content pre{background:var(--sf-bg-hover);border:1px solid var(--sf-border);border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.markdown-content pre code{color:var(--sf-text-primary);background:0 0;padding:0}.input-footer{background:var(--sf-bg-main);border-top:1px solid var(--sf-border);justify-content:center;padding:1.5rem 1.5rem 2.5rem;display:flex}.footer-input-wrapper{background:var(--sf-bg-card);border:1px solid var(--sf-border);width:100%;max-width:1100px;box-shadow:var(--sf-shadow);border-radius:12px;align-items:center;padding:.5rem;transition:border .2s;display:flex;position:relative}.footer-input-wrapper:focus-within{border-color:var(--sf-accent)}.footer-input{color:var(--sf-text-primary);resize:none;background:0 0;border:none;flex:1;min-width:0;min-height:44px;max-height:150px;padding:.75rem 1rem;font-size:.95rem;box-shadow:none!important;outline:none!important}.send-icon-btn{background:var(--sf-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:.5rem;transition:opacity .2s;display:flex}.send-icon-btn:disabled{background:var(--sf-bg-hover);color:var(--sf-text-secondary);cursor:not-allowed}::-webkit-scrollbar{width:8px}.typing-indicator{background:var(--sf-bg-card);border:1px solid var(--sf-border);border-radius:12px;gap:6px;width:fit-content;margin-top:4px;padding:12px 18px;display:flex}.typing-dot{background:var(--sf-text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@media (max-width:1024px){.main-layout:has(.sidebar.collapsed) .ai-assistant-container{padding-left:0}.main-layout:has(.sidebar:not(.collapsed)) .ai-assistant-container{padding-left:0}.chat-sidebar{--sidebar-w:400px;width:var(--sidebar-w)}}@media (max-width:768px){.ai-assistant-container{width:100%;max-width:100vw;overflow-x:hidden}.chat-sidebar{width:85%;max-width:320px;height:100%;position:absolute;right:0;box-shadow:-4px 0 12px #00000080}.message-item{gap:.75rem}.hero-greeting,.hero-subtitle{font-size:1.6rem}.chat-scroll-area{padding:1rem .75rem}.sidebar-toggle-btn.open{background:var(--sf-bg-sidebar);right:min(85%,320px)}.input-footer{padding:.75rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}.footer-input-wrapper{gap:.25rem;padding:.25rem}.footer-input{padding:.5rem;font-size:.9rem}.user-bubble{max-width:85%;padding:.75rem 1rem}}.breathing-animation{transform-origin:50%;animation:1.5s ease-in-out infinite breath}.pulse-animation{animation:2s ease-in-out infinite pulse-avatar}.spin{animation:1s linear infinite spin}.breathing{animation:2s ease-in-out infinite breathing}@keyframes breathing{0%,to{transform:scale(.9)}50%{transform:scale(1.15)}}.skeleton-item{cursor:default;pointer-events:none}.skeleton-icon{background:var(--sf-bg-hover);border-radius:4px;width:16px;height:16px;animation:1.5s ease-in-out infinite pulse}.skeleton-text{background:var(--sf-bg-hover);border-radius:4px;flex:1;height:14px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.agotados-view-container{box-sizing:border-box;flex-direction:column;gap:.75rem;width:100%;margin:0;padding:1rem 2rem;animation:.4s ease-out fadeIn;display:flex}.right-panel{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;background:#111827!important}[data-theme=dark] .right-panel{background:#0f172a!important}[data-theme=light] .right-panel{background:#fff!important}.header-section{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.reports-filters-card{flex-shrink:0;margin-bottom:.75rem}.filters-content{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.filter-actions-group{align-items:center;gap:.75rem;display:flex}.search-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-secondary);pointer-events:none;transition:all .3s;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.search-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:12px;padding:.75rem .85rem .75rem 2.85rem;font-size:.95rem;transition:all .3s}.form-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5)}.dark .form-input::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5)}[data-theme=dark] .form-input::-webkit-calendar-picker-indicator{filter:invert()brightness(1.5)}.search-input:focus{border-color:var(--primary);box-shadow:none;background:0 0;outline:none;padding-left:2.9rem}.search-wrapper:focus-within .search-icon{color:var(--primary);left:1.4rem}.reports-content{flex-direction:column;gap:1rem;display:flex}.table-card{background:var(--surface-card,#1e293bb3);border-radius:16px;flex-direction:column;min-width:0;max-width:100vw;height:calc(100vh - 280px);margin-bottom:0;display:flex}.table-wrapper{flex:1;width:100%;max-width:100%;display:block;position:relative;overflow:auto}.professional-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1200px;font-size:.9rem}.professional-table thead{z-index:10;position:sticky;top:0}.professional-table th{background:var(--surface-card,#1e293b);color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--glass-border);letter-spacing:.05em;text-transform:uppercase;z-index:20;padding:.85rem 1rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.professional-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);vertical-align:middle;padding:1rem}.professional-table tr:hover td{background:#ffffff05}.th-content{cursor:pointer;align-items:center;gap:.5rem;transition:color .2s;display:flex}.th-content:hover{color:var(--text-primary)}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover td{background-color:#ffffff0d!important}.th-content.right{justify-content:flex-end}.th-content.center{justify-content:center}.th-content{cursor:default;align-items:center;gap:.25rem;padding-bottom:4px;display:flex;position:relative}.col-label{cursor:pointer;white-space:nowrap}.col-label:hover{color:var(--text-primary)}.filter-toggle-btn{color:var(--text-secondary);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.filter-toggle-btn:hover{color:var(--text-primary);opacity:1;background:#ffffff1a}.filter-toggle-btn.active{background:var(--primary);color:#fff;opacity:1}.filter-toggle-btn.has-filter{background:var(--primary);color:#fff;opacity:1;box-shadow:0 0 10px #ffc10766}[data-theme=light] .filter-toggle-btn.has-filter{color:#fff;background:#7c3aed}.filter-toggle-btn svg{stroke-width:2.5px;filter:drop-shadow(0 0 2px #00000080)}.sort-icon-wrapper{cursor:pointer;align-items:center;display:flex}.filter-popover{background:var(--surface-card);border:1px solid var(--glass-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;width:max-content;min-width:220px;max-width:400px;margin-top:8px;padding:0;animation:.2s ease-out fadeInScale;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 30px -5px #00000080}.checklist-container{flex-direction:column;max-height:400px;display:flex}.checklist-search-wrapper{border-bottom:1px solid var(--glass-border);background:#ffffff05;padding:12px}.checklist-search-input{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);background:#ffffff0d;border-radius:6px;outline:none;padding:8px 12px;font-size:.85rem}.checklist-search-input:focus{border-color:var(--primary)}.checklist-options{flex:1;max-height:250px;padding:8px 0;overflow-y:auto}.checklist-option{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 16px;transition:background .2s;display:flex}.checklist-option:hover{background:#ffffff0d}.checklist-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:4px}.checklist-label{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;font-size:.85rem;display:flex}.option-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.option-count{white-space:nowrap;opacity:.7;font-size:.75rem;font-weight:500}.checklist-option:hover .checklist-label{color:var(--text-primary)}.checklist-footer{border-top:1px solid var(--glass-border);background:#ffffff05;justify-content:flex-end;padding:8px 12px;display:flex}.checklist-clear-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.checklist-clear-btn:hover{background:#7c3aed1a}[data-theme=light] .filter-popover{background:#fff;border-color:#e2e8f0;box-shadow:0 10px 30px -5px #0000001a}[data-theme=light] .checklist-search-wrapper{background:#f8fafc;border-bottom-color:#e2e8f0}[data-theme=light] .checklist-search-input{color:#1e293b;background:#fff;border-color:#e2e8f0}[data-theme=light] .checklist-option:hover{background:#f1f5f9}[data-theme=light] .checklist-label{color:#475569}.status-tab.clear-btn{color:#ef4444;background:#ef44440d;border:1px solid #ef444433}.status-tab.clear-btn:hover{color:#fff;background:#ef4444}[data-theme=light] .status-tab.clear-btn{background:#ef44441a}@media (max-width:768px){.filters-content{flex-direction:column;align-items:stretch}.status-tabs{padding:4px;overflow-x:auto}}.doc-num-cell{align-items:center;gap:.5rem;font-family:monospace;font-size:.95rem;display:flex}.client-cell{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:500}.item-cell{align-items:center;gap:.5rem;max-width:250px;display:flex}.item-name{white-space:nowrap;text-overflow:ellipsis}.date-cell{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.status-badge{white-space:nowrap;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.open{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-badge.closed{color:#9ca3af;background:#6b72801a;border:1px solid #6b728033}.un-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);border:1px solid #0000;border-color:var(--glass-border);background:#ffffff14;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-block}.un-default{background:#ffffff1f}.un-id,.un-idp,.un-ipd{color:#c4b5fd;background:#8b5cf640;border-color:#8b5cf666}.un-comercial{color:#67e8f9;background:#06b6d440;border-color:#06b6d466}.un-reposteria-n-panaderia{color:#fcd34d;background:#f59e0b40;border-color:#f59e0b66}.un-salud-n-bienestar{color:#6ee7b7;background:#10b98140;border-color:#10b98166}.un-industria-de-alimentos,.un-industrial{color:#93c5fd;background:#3b82f640;border-color:#3b82f666}.un-farma{color:#fda4af;background:#f43f5e40;border-color:#f43f5e66}.un-institucional{color:#fde047;background:#eab30840;border-color:#eab30866}.un-consumo{color:#5eead4;background:#14b8a640;border-color:#14b8a666}.un-horeca{color:#fdba74;background:#f9731640;border-color:#f9731666}[data-theme=light] .un-badge{border-width:1.5px}[data-theme=light] .un-id,[data-theme=light] .un-idp,[data-theme=light] .un-ipd{color:#6d28d9;background:#8b5cf61f;border-color:#8b5cf633}[data-theme=light] .un-comercial{color:#0891b2;background:#06b6d41f;border-color:#06b6d433}[data-theme=light] .un-consumo{color:#059669;background:#10b9811f;border-color:#10b98133}[data-theme=light] .un-farma{color:#e11d48;background:#f43f5e1f;border-color:#f43f5e33}[data-theme=light] .un-institucional{color:#d97706;background:#f59e0b1f;border-color:#f59e0b33}[data-theme=light] .un-industrial,[data-theme=light] .un-industria-de-alimentos{color:#4f46e5;background:#6366f11f;border-color:#6366f133}[data-theme=light] .un-reposteria-n-panaderia{color:#b45309;background:#f59e0b1f;border-color:#f59e0b33}[data-theme=light] .un-salud-n-bienestar{color:#047857;background:#10b9811f;border-color:#10b98133}[data-theme=light] .un-horeca{color:#c2410c;background:#f973161f;border-color:#f9731633}[data-theme=light] .un-default{color:#4b5563;background:#0000000a;border-color:#0000001a}.pagination-container{background:var(--surface-card);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;margin:1.5rem 0 2rem;padding:1rem 1.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex}.pagination-left{align-items:center;gap:2rem;display:flex}.items-per-page{background:var(--surface-option);border:1px solid var(--glass-border);border-radius:10px;align-items:center;gap:.75rem;padding:.4rem .75rem;display:flex}.items-per-page .label{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.items-select{color:var(--text-primary);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;padding:0 .5rem;font-size:.85rem;font-weight:600}.items-select option{background:var(--surface-menu);color:var(--text-primary)}.pagination-info{color:var(--text-secondary);font-size:.85rem}.pagination-info span{color:var(--text-primary);font-weight:600}.pagination-controls{justify-content:center;align-items:center;gap:.4rem;display:flex}.pagination-numbers{gap:.4rem;display:flex}.pagination-btn,.page-num{border:1px solid var(--glass-border);background:var(--surface-option);min-width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.pagination-btn:hover:not(:disabled),.page-num:hover:not(.active){background:var(--glass-bg);color:var(--text-primary);border-color:var(--primary);transform:translateY(-2px)}.page-num.active{background:var(--primary);color:#fff;border-color:var(--primary);cursor:default;box-shadow:0 4px 12px #7c3aed4d}.pagination-ellipsis{width:36px;color:var(--text-muted);justify-content:center;align-items:center;font-weight:600;display:flex}.pagination-btn:disabled{opacity:.3;cursor:not-allowed;background:0 0;transform:none}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-primary{color:var(--primary)}.font-medium{font-weight:500}.font-mono{font-family:JetBrains Mono,monospace}.loading-container,.error-container{height:100%;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;display:flex}.error-container{color:#ef4444}.empty-state{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff05;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}@media (max-width:1024px){.pagination-container.footer-pagination{flex-direction:column;gap:1.5rem;padding:1.5rem}.pagination-left{flex-direction:column;gap:1rem;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center}}.event-card{border:1px solid var(--glass-border);background:var(--surface-card)!important}.timeline-container{border-left:2px solid var(--glass-border);flex-direction:column;gap:1.5rem;margin-left:.5rem;padding-left:1rem;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background:var(--primary);width:.8rem;height:.8rem;box-shadow:0 0 0 4px var(--surface-card);border:2px solid var(--primary);z-index:10;border-radius:50%;position:absolute;top:1rem;left:-1.45rem}.timeline-content{background:var(--surface-option);border:1px solid var(--glass-border);border-radius:8px;padding:.5rem}.timeline-header{justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;margin-bottom:.5rem;display:flex}.timeline-causal-block{text-align:right;flex-direction:column;flex:1;align-items:flex-end;min-width:0;display:flex}.timeline-date{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:.65rem}.timeline-causal{color:var(--text-primary);width:100%;font-size:.75rem;font-weight:600;line-height:1.2}.timeline-user{color:var(--text-muted);text-align:right;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:.1rem;font-size:.6rem;font-weight:500;overflow:hidden}.timeline-detail{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.mini-table{border-collapse:collapse;width:100%;font-size:.85rem}.mini-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--glass-border);padding:.5rem;font-weight:500}.mini-table td{border-bottom:1px solid var(--glass-border);color:var(--text-primary);padding:.85rem .5rem;font-size:.9rem}.mini-table tr:last-child td{border-bottom:none}.add-event-btn{background:var(--surface-elevated);color:var(--primary);border:1px solid var(--glass-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.add-event-btn:hover{background:var(--surface-active);color:var(--primary);border-color:var(--primary);transform:translateY(-1px)}.sidebar-content{flex-direction:column;gap:.75rem;height:100%;padding:.75rem .5rem;display:flex;overflow-y:auto}.event-card{border:1px solid var(--glass-border);flex-direction:column;flex:1;margin:0;display:flex;overflow:hidden;background:var(--surface-card)!important}.timeline-container{border-left:2px solid var(--glass-border);flex-direction:column;flex:1;gap:1.5rem;max-height:250px;margin-left:.5rem;padding-left:1rem;padding-right:.5rem;display:flex;position:relative;overflow-y:auto}.timeline-header{margin-bottom:0!important}.delete-event-btn{color:#ef4444;cursor:pointer;opacity:.8;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.delete-event-btn:hover{opacity:1;color:#dc2626;background:#ef44441a;border-color:#ef44444d}.events-table-container{flex:1;padding-right:.5rem;overflow-y:auto}.card-header-flex{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-bottom:.75rem;display:flex}.timeline-header-actions{align-items:center;gap:.25rem;display:flex}.edit-timeline-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.edit-timeline-btn:hover{color:var(--primary);background:#ffffff0d;transform:scale(1.1)}[data-theme=light] .edit-timeline-btn:hover{background:#0000000d}.card-title{margin:0}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.sidebar-form-container{flex-direction:column;gap:1rem;height:100%;min-height:0;display:flex}.sidebar-form-container .form-group{margin-bottom:0}.sidebar-form-container .form-group.flex-grow{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-form-container .form-group.flex-grow .form-textarea{flex:1}.form-select,.form-textarea,.form-input{background:var(--surface-option);border:1px solid var(--glass-border);width:100%;color:var(--text-primary);border-radius:.5rem;outline:none;padding:.6rem;font-size:.9rem;transition:all .2s}.form-select:focus,.form-textarea:focus,.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #ffc1071a}.form-select option{background:var(--surface-card);color:var(--text-primary);padding:10px}.save-event-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.75rem;font-weight:500;transition:background .2s;display:flex}.save-event-btn:hover{background:var(--primary-dark)}.save-event-btn:disabled{opacity:.5;cursor:not-allowed}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;animation:1.5s linear infinite shimmer}[data-theme=light] .skeleton{background:linear-gradient(90deg,#0000000f 25%,#0000001f 50%,#0000000f 75%)}.skeleton-text{border-radius:4px;width:100%;height:.9rem}.skeleton-box{border-radius:8px;width:100%;height:80px}.skeleton-row td{padding:1rem}.skeleton-cell{border-radius:4px;width:100%;height:1.5rem}.stats-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:.5rem;display:grid}.stat-card{background:var(--surface-card,#1e293b73);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 100%);height:100%;position:absolute;top:0;left:0;right:0}.stat-card:hover{background:var(--surface-active,#1e293bcc);border-color:var(--primary);transform:translateY(-5px);box-shadow:0 12px 24px -8px #0000004d}[data-theme=light] .stat-card:hover{background:#fff;box-shadow:0 12px 24px -8px #0000001a}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-family:Inter,system-ui,sans-serif;font-size:2.25rem;font-weight:800;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.stat-card:first-child:hover{box-shadow:0 0 30px -10px #7c3aed4d}.stat-card:nth-child(2):hover{box-shadow:0 0 30px -10px #ec48994d}.stat-card:nth-child(3):hover{box-shadow:0 0 30px -10px #3b82f64d}@media (max-width:768px){.stats-grid{grid-template-columns:1fr;gap:.75rem}}.status-tabs{border:1px solid var(--glass-border);background:#ffffff08;border-radius:10px;gap:2px;height:fit-content;padding:2px;display:inline-flex}[data-theme=light] .status-tabs{background:#0000000d}.status-tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-weight:600;transition:all .3s;display:flex}.status-tab:hover{color:var(--text-primary);background:#ffffff0d}[data-theme=light] .status-tab:hover{background:#0000000d}.status-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.status-count{min-width:20px;height:20px;color:var(--text-secondary);background:#0003;border-radius:10px;justify-content:center;align-items:center;padding:0 6px;font-size:.7rem;font-weight:700;display:flex}[data-theme=light] .status-count{background:#ffffff80}.status-tab.active .status-count{color:var(--primary);background:#fff}.status-label{font-size:.85rem}@media (max-width:1024px){.filters-content{flex-direction:column;align-items:stretch;gap:1rem}.status-tabs{justify-content:space-between;width:100%}.status-tab{flex:1;justify-content:center}}.seguimiento-container{flex-direction:column;align-items:center;padding:2rem;display:flex}.seguimiento-title{color:var(--primary-color,#333);margin-bottom:1.5rem;font-size:2.5rem}.datahub-page-container{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:1rem 2rem;display:flex}.datahub-header{margin-bottom:2rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.datahub-content{flex:1;justify-content:center;align-items:center;padding:2rem 0;animation:.6s cubic-bezier(.16,1,.3,1) .2s backwards fadeInUp;display:flex}.empty-state-card{text-align:center;background:var(--surface-card);border:1px solid var(--glass-border);border-radius:24px;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;padding:3rem;display:flex}.empty-state-icon{background:var(--primary-gradient);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:.5rem;display:flex;box-shadow:0 8px 16px #0003}.empty-state-card h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.empty-state-card p{color:var(--text-secondary);margin:0;line-height:1.6}.empty-state-info{color:var(--text-muted);background:#ffffff0d;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:flex}.sidebar{height:100vh;height:100dvh;width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:2000;will-change:width;backface-visibility:hidden;background:#1a1a2ed9;flex-direction:column;transition:width .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}@media screen and (max-height:800px),screen and (max-width:1400px){.sidebar-link{padding:.65rem 1.2rem;font-size:.85rem}.sidebar-sublink{padding:.55rem 1.2rem .55rem 1.7rem;font-size:.8rem}}[data-theme=light] .sidebar{background:#ffffffd9}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}@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);flex-shrink:0;padding:.16rem;position:relative}.sidebar.collapsed .sidebar-header{padding:.27rem .5rem}.sidebar-toggle{background:var(--surface-elevated);border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;z-index:1001;border-radius:16px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:44.8px;right:-14px;transform:translateY(-50%)}.pin-icon{transition:all .3s;transform:rotate(45deg)}.pin-icon.active-pin{color:var(--primary);transform:rotate(0)}.sidebar-toggle:hover .pin-icon{color:var(--background);transform:scale(1.1)rotate(45deg)}.sidebar-toggle:hover .pin-icon.active-pin{color:var(--background);transform:scale(1.1)rotate(0)}.sidebar.collapsed .sidebar-toggle:hover{background:var(--primary);width:44px;color:var(--background);border-color:var(--primary);right:-30px;box-shadow:0 4px 15px #ebbd3066}.sidebar.collapsed .sidebar-toggle:hover .toggle-icon-wrapper{transform:translate(8px)}.sidebar:not(.collapsed) .sidebar-toggle:hover{background:var(--primary);width:44px;color:var(--background);border-color:var(--primary);right:-14px;box-shadow:0 4px 15px #ebbd3066}.sidebar:not(.collapsed) .sidebar-toggle:hover .toggle-icon-wrapper{transform:translate(-8px)}.toggle-icon-wrapper{justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-toggle:active{transform:translateY(-50%)scale(.9)}.sidebar-logo{align-items:center;gap:1rem;padding-right:2rem;display:flex}.sidebar.collapsed .sidebar-logo{justify-content:center;padding-left:1px;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-direction:column;flex:1;min-height:0;padding:1.5rem 0;display:flex;overflow:hidden auto}.sidebar-search{flex-shrink:0;margin:1rem 0 .5rem;padding:0 1.2rem;transition:all .3s;position:relative}.sidebar.collapsed .sidebar-search{display:none!important}.search-wrapper{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:0;padding:.65rem .85rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 1px 2px #0000001a}.search-wrapper:hover{background:#ffffff12;border-color:#ffffff26}.search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 2px 8px #0003;background:#14141e66;transform:translateY(-1px)}[data-theme=light] .search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 2px 8px #ebbd3026;background:#fffffff2}.search-icon{color:var(--text-muted);opacity:.7;flex-shrink:0;width:16px;height:16px;transition:all .3s}.search-wrapper:focus-within .search-icon{color:var(--primary);opacity:1}.search-input{color:var(--text-primary);letter-spacing:.01em;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:auto;margin-left:.75rem;padding:0 0 0 15px;font-size:.9rem;font-weight:500}.search-input::placeholder{color:var(--text-muted);opacity:.5;font-size:.85rem}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar-menu{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.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:10000px}.sidebar.collapsed .sidebar-submenu{display:none!important}.sidebar-sublink{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:.75rem;padding:.35rem 1.2rem .35rem 2rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-sublink:hover{color:var(--text-primary);background:#ffffff08}.sidebar-nested-submenu{background:0 0;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-sublink.parent.expanded+.sidebar-nested-submenu{max-height:5000px}.sidebar-nested-link{color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:.75rem;padding:.3rem 1.2rem .3rem 2.75rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.sidebar-nested-link:hover{color:var(--text-primary);background:#ffffff0d}.sidebar-nested-link:hover .sublink-dot{background:var(--primary);opacity:1;transform:scale(1.2)}.sidebar-sublink.parent{cursor:pointer;justify-content:space-between}.sidebar-area-group{border-radius:12px;margin:4px 5px;transition:background-color .3s}.sidebar-area-group.active-group{background:#ffffff08;border:1px solid #ffffff0d}[data-theme=light] .sidebar-area-group.active-group{background:#0000000a;border:1px solid #0000000d}.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-submenu{-webkit-backdrop-filter:none!important;opacity:1!important;visibility:visible!important;width:100%!important;box-shadow:none!important;isolation:auto!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0 0 0 .5rem!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.sidebar.collapsed .sidebar-sublink{border-left:none;border-radius:8px;padding:.35rem 1rem;font-size:.85rem}.sidebar.collapsed .sidebar-sublink:hover{background:var(--glass-bg);transform:translate(4px)}.sidebar.collapsed .submenu-arrow{display:none}.sidebar.collapsed .sidebar-area-group{position:relative}.sidebar.collapsed .sidebar-nested-submenu{background:var(--surface-menu);border:1px solid var(--glass-border);opacity:0;visibility:hidden;z-index:1020;pointer-events:none;backface-visibility:hidden;border-radius:12px;width:240px;padding:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:-5px;left:98%;overflow:visible;transform:translate(-5px);box-shadow:0 4px 20px #00000040}.sidebar.collapsed .sidebar-area-group:hover .sidebar-nested-submenu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;max-height:5000px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;transform:translate(0)!important}.sidebar.collapsed .sidebar-area-group:not(:hover) .sidebar-nested-submenu{opacity:0!important;visibility:hidden!important;transition:none!important}.flyout-header{border-bottom:1px solid #ffffff1a;margin-bottom:.5rem;padding-bottom:.5rem}.flyout-title{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:600}.flyout-divider{background:linear-gradient(90deg,var(--primary)0%,transparent 100%);width:60%;height:1px}.sidebar.collapsed .sidebar-nested-submenu:before{content:"";background:var(--surface-menu);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-nested-link{padding:.3rem 1rem;font-size:.8rem}.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-active)}.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}.sidebar-quick-tags{left:var(--sidebar-width);z-index:1001;pointer-events:none;margin-left:-1px;transition:left .5s cubic-bezier(.4,0,.2,1);position:fixed;bottom:40px;box-shadow:none!important;background:0 0!important}.sidebar-quick-tags.sidebar-collapsed{bottom:40px;left:55px}@media screen and (max-height:800px),screen and (max-width:1400px){.sidebar-quick-tags{left:var(--sidebar-width)}.sidebar-quick-tags.sidebar-collapsed{left:55px}}.sidebar-quick-tags.logging-out{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards slideOutToLeft}.quick-tags-container{flex-direction:column-reverse;gap:0;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}.quick-tag-item{pointer-events:auto;border:1px solid var(--glass-border);color:var(--text-secondary);cursor:pointer;background:#1a1a2e;border-left:none;border-radius:0 8px 8px 0;align-items:center;width:20px;min-width:20px;margin-left:-1px;padding:6px 8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:none!important}.quick-tag-item:before{content:"";border-radius:0 2px 2px 0;width:4px;height:50%;position:absolute;top:25%;left:0}.quick-tag-item.report:before{background:var(--primary)}.quick-tag-item.report{border-color:#ebbd304d}.quick-tag-item.report:hover,.quick-tag-item.report.active{border-color:var(--primary);color:var(--primary)}.quick-tag-item.ia:before{background:#8b5cf6}.quick-tag-item.ia{border-color:#8b5cf64d}.quick-tag-item.ia:hover,.quick-tag-item.ia.active{color:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 10px #8b5cf633}.quick-tag-item.admin:before{background:#3b82f6}.quick-tag-item.admin{border-color:#3b82f64d}.quick-tag-item.admin:hover,.quick-tag-item.admin.active{color:#3b82f6;border-color:#3b82f6}[data-theme=light] .quick-tag-item{background:#f8f9fa;border-color:#0000001a}.quick-tag-item:hover{background:#1e1e38;width:auto;min-width:180px;max-width:300px;padding-right:44px;box-shadow:none!important}.quick-tag-item.active.report,.quick-tag-item.active.admin{border-width:2px 2px 2px medium;border-left-style:none;border-left-color:currentColor}[data-theme=light] .quick-tag-item.active.report{color:var(--primary);background:#fff;border-color:#eebd30}[data-theme=light] .quick-tag-item.active.admin{color:#3b82f6;background:#fff;border-color:#3b82f6}.quick-tag-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:1.2rem;transition:transform .3s;display:flex}.quick-tag-item.report:hover .quick-tag-icon,.quick-tag-item.active.report .quick-tag-icon{color:var(--primary)}.quick-tag-item.admin:hover .quick-tag-icon,.quick-tag-item.active.admin .quick-tag-icon{color:#3b82f6}.quick-tag-item:hover .quick-tag-icon{transform:scale(1.2)}.quick-tag-label{letter-spacing:.02em;white-space:nowrap;opacity:0;margin-left:0;font-size:.85rem;font-weight:600;transition:all .4s .1s;transform:translate(-10px)}.quick-tag-item:hover .quick-tag-label,.quick-tag-item.active:hover .quick-tag-label{opacity:1;transform:translate(0)}.quick-tag-close{color:#ff4d4d;opacity:0;cursor:pointer;background:#ff4d4d1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.quick-tag-item:hover .quick-tag-close{opacity:1;display:flex}.quick-tag-item.active:not(:hover) .quick-tag-close{display:none}.quick-tag-close:hover{color:#fff;background:#ff4d4d;transform:translateY(-50%)rotate(90deg)scale(1.1)}.quick-tag-item{animation:.6s cubic-bezier(.16,1,.3,1) forwards slideInTag}@keyframes slideInTag{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}[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)}.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)}.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:.3rem;width:100%;display:flex}@media screen and (max-height:800px){.sidebar-footer-expanded{gap:.6rem}.sidebar-theme-toggle{padding:.5rem .75rem}.user-avatar,.sidebar-footer-btn{width:32px;height:32px}}.sidebar-theme-toggle{background:var(--surface);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-menu);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:.5rem;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-footer{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))}}.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{-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;gap:.75rem;width:100%;height:47px;margin:0;padding:0 1.5rem;display:flex;position:sticky;top:0}@media (max-width:768px){.top-header{height:45.2px}}.top-header-right{align-items:center;gap:1rem;display:flex}.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}@media screen and (max-height:800px){.icon-notification-btn,.profile-trigger{height:26px}.profile-trigger{padding:2px 6px}}.icon-notification-btn:hover{color:var(--text-primary);background:#ffffff1a;transform:translateY(-2px)}.refresh-btn:active svg{animation:.5s spin-once}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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}.notification-dropdown{border:1px solid var(--glass-border);z-index:200;border-radius:16px;flex-direction:column;width:320px;display:flex;position:absolute;top:calc(100% + 15px);right:-80px;background:var(--surface-menu)!important}.notification-dropdown:before{content:"";background:0 0;width:100%;height:20px;position:absolute;top:-20px;left:0}@media (min-width:768px){.notification-dropdown{right:0}}.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-tabs{background:#0000000d;border-radius:8px;width:100%;padding:2px;display:flex}.notif-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:.8rem;font-weight:600;transition:all .2s}.notif-tab.active{background:var(--surface-elevated);color:var(--text-primary)}.notif-header h3{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.notif-count-pill{color:#ef4444;background:#ef44441a;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.notif-list{max-height:350px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--glass-border);cursor:pointer;gap:1rem;padding:1rem;transition:background .2s;display:flex;position:relative}.notif-item:hover{background:#ffffff08}.notif-item.unread{background:#ffffff05}.notif-icon{background:var(--surface-elevated);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text-primary);margin:0 0 .25rem;font-size:.9rem;font-weight:600}.notif-message{color:var(--text-secondary);white-space:pre-line;margin:0 0 .5rem;font-size:.85rem;line-height:1.4}.notif-time{color:var(--text-muted);font-size:.75rem}.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}.notif-actions{gap:8px;margin-left:auto;display:flex}.notif-action-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}[data-theme=light] .notif-action-btn{background:#00000014}.notif-action-btn.approve{color:#10b981}.notif-action-btn.approve:hover{background:#10b98133;transform:scale(1.1)}.notif-action-btn.reject{color:#ef4444}.notif-action-btn.reject:hover{background:#ef444433;transform:scale(1.1)}.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);border-radius:16px;flex-direction:column;gap:2px;width:260px;padding:.75rem;display:flex;position:absolute;top:calc(100% + 10px);right:0;background:var(--surface-menu)!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:0 0}.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}.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;transition:all .2s}.dropdown-item.logout:hover{color:#ef4444;background:#ef444433;padding-left:1rem;transform:scale(1.05)}.dropdown-item.logout:active{transform:scale(.95)}.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%}.animate-spin{animation:1s linear infinite spin}.main-layout{background:var(--bg-primary);height:100vh;display:flex;overflow:hidden}.main-container{min-height:100vh;margin-left:var(--sidebar-width);background-color:var(--bg-main);width:calc(100vw - var(--sidebar-width));backface-visibility:hidden;flex-direction:column;flex:1;transition:margin-left .4s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden auto}.main-container.compact{width:100vw!important;margin-left:0!important}.main-layout:has(.sidebar.collapsed) .main-container{margin-left:var(--sidebar-collapsed-width)}.sidebar.collapsed+.main-container{margin-left:var(--sidebar-collapsed-width)}.main-layout:has(.sidebar:not(.collapsed)) .top-header{pointer-events:none;display:none}.main-content-wrapper{box-sizing:border-box;scrollbar-gutter:stable;flex-direction:column;flex:1;width:100%;margin:0;padding:0;display:flex;overflow:hidden auto}.main-layout.logging-out .main-content-wrapper{animation:.5s cubic-bezier(.68,-.55,.265,1.55) forwards fadeOutDown}.main-layout.logging-out .top-header{animation:.5s cubic-bezier(.68,-.55,.265,1.55) forwards fadeOutUp}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@media (max-width:768px){.main-container{margin-left:0;padding:0}}@media (max-width:480px){.main-container{margin-left:0;padding:0}}.logout-overlay{opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;color:#fff;background:#1a1a2e;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}[data-theme=light] .logout-overlay{color:var(--text-primary);background:#ffffffd9}.logout-content{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.logout-content h2{text-shadow:0 2px 4px #0003;margin:0;font-size:1.5rem;font-weight:600}.logout-content p{color:#fffc;margin:0;font-size:1rem}[data-theme=light] .logout-content p{color:var(--text-secondary)}.logout-spinner{border:4px solid #ffffff1a;border-left-color:var(--primary);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.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-xl);background:linear-gradient(135deg,#ffc107 0%,#ffb300 50%,#ff8f00 100%) 0 0/200% 200%;border-right:1px solid #0000001a;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:linear-gradient(135deg,#e4b166 0%,#ffa21a 100%);border-right:1px solid #0000000d}.app-container.register-mode .app-left{background:var(--background);padding:var(--spacing-xl)}.app-left:before{content:"";opacity:.3;background:radial-gradient(circle,#0000000d 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s linear infinite patternMove;position:absolute;top:-50%;left:-50%}[data-theme=light] .app-left:before{opacity:.1;background:radial-gradient(circle,#0000000d 1px,#0000 1px)}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.app-left-content{z-index:2;color:#fff;text-align:center;max-width:420px;position:relative}[data-theme=light] .app-left-content{color:#1a1a2e}.welcome-logo{width:140px;height:auto;margin-bottom:var(--spacing-xl);filter:drop-shadow(0 4px 20px #0003);animation:.8s ease-out fadeIn}.welcome-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);color:var(--text-primary);text-shadow:0 2px 10px #0000001a;font-weight:700}.welcome-subtitle{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);color:var(--text-primary);opacity:.95;line-height:1.6}@media screen and (max-height:800px){.welcome-logo{width:100px;margin-bottom:var(--spacing-md)}.welcome-title{font-size:var(--font-size-2xl)}.welcome-subtitle{font-size:var(--font-size-base)}}.decorative-elements{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.decorative-shape{filter:blur(60px);opacity:.2;border-radius:50%;position:absolute}[data-theme=light] .decorative-shape{opacity:.1}.shape-1{background:linear-gradient(135deg,#ffd54f 0%,#ffc107 100%);width:300px;height:300px;animation:8s ease-in-out infinite float;top:10%;left:10%}.shape-2{background:linear-gradient(135deg,#ff8f00 0%,#ffc107 100%);width:200px;height:200px;animation:10s ease-in-out infinite reverse float;bottom:20%;right:15%}.shape-3{background:linear-gradient(135deg,#ffc107 0%,#ffa000 100%);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(.75rem,2vh,2rem);transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-y:auto}.register-form-container{z-index:20;justify-content:center;align-items:center;width:100%;max-width:800px;margin:auto;animation:.6s cubic-bezier(.4,0,.2,1) slideInFromRight;display:flex;position:relative}.register-card{width:100%}.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(--background);border:1px solid var(--glass-border);transition:all var(--transition-base);display:flex}.info-item:hover{border-color:var(--primary);transform:translateY(-2px)}.info-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;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);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-primary);text-align:center;transition:all var(--transition-base);background:linear-gradient(135deg,#677eea1a 0%,#764ba21a 100%);border:1px solid #677eea4d;font-weight:500}[data-theme=light] .feature-badge{background:var(--glass-bg);border:1px solid var(--glass-border)}.feature-badge:hover{border-color:var(--primary);background:linear-gradient(135deg,#677eea33 0%,#764ba233 100%);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-lg);flex-direction:column;width:100%;max-width:480px;margin:auto;display:flex}@media (max-width:480px){.auth-card{margin:0;padding:var(--spacing-lg)!important}}.auth-card.register-card{max-width:900px}.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}.app-container.register-mode{flex-direction:column}.app-container.register-mode .app-left{min-height:100vh;flex:1;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.platform-features{grid-template-columns:1fr}.info-item{text-align:center;flex-direction:column}.app-container.register-mode .app-right,.info-panel{display:none}}@media (max-width:640px){.app-left{min-height:30vh;padding:var(--spacing-lg)}.app-right{flex:1;justify-content:center;align-items:center;width:100%;min-height:auto;padding:1.5rem;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:.7rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-lg:1rem;--font-size-xl:1.15rem;--font-size-2xl:1.35rem;--font-size-3xl:1.6rem;--font-size-4xl:1.9rem;--sidebar-width:280px;--sidebar-collapsed-width:55px;--spacing-xs:.2rem;--spacing-sm:.4rem;--spacing-md:.8rem;--spacing-lg:1.2rem;--spacing-xl:1.6rem;--spacing-2xl:2.2rem;--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;--error:#ef4444;--warning:#f59e0b;--info:#3b82f6;--primary-gradient:linear-gradient(135deg,#ffc107 0%,#ff8f00 100%);--secondary-gradient:linear-gradient(135deg,#1a1a2e 0%,#1a1a2e 100%);--accent-gradient:linear-gradient(135deg,#ffd54f 0%,#ffc107 100%);--background:#1a1a2e;--surface:#120b25da;--surface-menu:#100922e3;--surface-elevated:#1a1a2e;--surface-card:#1a1a2e;--surface-option:#1a1a2e;--surface-active:#2b2b55;--surface-selected:#ffffff14;--bg-primary:#1a1a2e;--primary:#ffc107;--primary-dark:#ff8f00;--primary-light:#ffd54f;--secondary:#311b92;--accent:#ffc107;--gradient-start:#ffc107;--gradient-end:#ff8f00;--text-primary:#fff;--text-secondary:#ffffffd8;--text-muted:#ffffffc4;--glass-bg:#ffffff0d;--glass-border:#ffffff18;--glass-shadow:none;--toast-bg:#1a1a2ed9;--toast-border:#ffffff1a;--toast-text:#fff;--toast-shadow:0 8px 16px #0006}[data-theme=light]{--background:#f8fafc;--surface:#fff;--surface-menu:#fff;--surface-elevated:#f1f5f9;--surface-card:#f8fafc;--surface-option:#f8fafc;--surface-active:#9b9b9b52;--surface-selected:#0000000d;--bg-primary:#f8fafc;--gradient-start:#4338ca;--gradient-end:#6d28d9;--text-primary:#1a1a2e;--text-secondary:#1a1a2e;--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}@media screen and (max-height:800px),screen and (max-width:1400px){:root{--font-size-xs:.65rem;--font-size-sm:.75rem;--font-size-base:.85rem;--font-size-lg:.9rem;--font-size-xl:1rem;--font-size-2xl:1.2rem;--font-size-3xl:1.4rem;--font-size-4xl:1.7rem;--sidebar-width:240px;--spacing-md:.7rem;--spacing-lg:1rem;--spacing-xl:1.2rem;--spacing-2xl:1.8rem}}@media screen and (max-height:650px){:root{--font-size-base:.8rem;--spacing-md:.6rem;--spacing-lg:.8rem}}*{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)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(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}@media (max-width:768px){html{font-size:15px}}@media (max-width:480px){html{font-size:14px}}.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}.header-info{flex-direction:column;display:flex}[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;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}