.status{padding:0}.user-badge-container{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;margin-top:.5rem}.user-badge{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.user-badge:hover{background:#ffffff1a;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.user-badge .status{position:relative;width:8px;height:8px;border-radius:50%;flex-shrink:0}.user-badge .status.status-green{background:#10b981;box-shadow:0 0 0 2px #10b9811a}.user-badge .status.status-green:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:#10b981;opacity:.35;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.user-badge .status.status-yellow{background:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.user-badge .status.status-gray{background:#6b7280;box-shadow:0 0 0 2px #6b72801a}.user-badge .name{font-size:.8125rem;font-weight:450;color:#e5e7eb;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em}.user-badge:before{content:attr(data-tooltip);position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%) scale(.8);padding:.4rem .8rem;background:#111827f2;color:#f3f4f6;font-size:.75rem;white-space:nowrap;border-radius:.375rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;opacity:0;visibility:hidden;transition:all .2s ease;z-index:50}.user-badge:hover:before{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}@keyframes pulse{0%{transform:scale(1);opacity:.35}50%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:0}}[data-bs-theme=dark] .user-badge{background:#11182799;border-color:#37415180}[data-bs-theme=dark] .user-badge:hover{background:#111827cc;border-color:#4b5563b3}@media (max-width: 768px){.user-badge-container{padding:.5rem .75rem;gap:.375rem}.user-badge{padding:.35rem .7rem}.user-badge .name{max-width:90px}}.tooltip-inner{background-color:#a51212;padding:3px 6px}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before{border-right-color:#a51212}tr.row-copied{background-color:#ff03!important;box-shadow:none!important}tr.row-online{background-color:#0f03!important;box-shadow:none!important}tr.row-exitado{background-color:#ffa50033!important;box-shadow:none!important}tr.row-copied:hover{background-color:#ffff004d!important;box-shadow:none!important}tr.row-online:hover{background-color:#0f03!important;box-shadow:none!important}tr.row-exitado:hover{background-color:#ffa50033!important;box-shadow:none!important}tr.row-copied>td,tr.row-online>td,tr.row-exitado>td{background-color:transparent!important;box-shadow:none!important}.copy-status-message{background:linear-gradient(135deg,#a51212,#d32f2f);color:#fff;padding:6px 12px;border-radius:6px;font-size:11px;font-weight:500;text-align:center;margin-top:6px;box-shadow:0 2px 6px #a5121240;transition:all .3s ease;opacity:.9;display:block;width:100%;max-width:200px;margin-left:auto;margin-right:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.3;letter-spacing:.3px}.copy-status-message:hover{opacity:1;box-shadow:0 3px 8px #a5121259;transform:translateY(-1px)}.copy-status-message.initial-load{animation:copyMessageFadeInUp .6s ease-out}.copy-status-message.update-pulse{animation:copyMessageUpdatePulse .8s ease-out}@keyframes copyMessageFadeInUp{0%{opacity:0;transform:translateY(12px) scale(.95)}50%{opacity:.7;transform:translateY(-2px) scale(1.02)}to{opacity:.9;transform:translateY(0) scale(1)}}@keyframes copyMessageUpdatePulse{0%{transform:scale(1);box-shadow:0 2px 6px #a5121240}30%{transform:scale(1.05);box-shadow:0 4px 12px #a5121273;background:linear-gradient(135deg,#d32f2f,#f44336)}60%{transform:scale(1.02);box-shadow:0 6px 16px #a512128c}to{transform:scale(1);box-shadow:0 2px 6px #a5121240;background:linear-gradient(135deg,#a51212,#d32f2f)}}.copy-status-message.success{background:linear-gradient(135deg,#2e7d32,#4caf50);box-shadow:0 2px 6px #2e7d3240}.copy-status-message.online{background:linear-gradient(135deg,#018f09,#02a10b);box-shadow:0 2px 6px #018f0959}.copy-status-message.warning{background:linear-gradient(135deg,#f57c00,#ff9800);box-shadow:0 2px 6px #f57c0040}@media (max-width: 768px){.copy-status-message{font-size:10px;padding:5px 10px;max-width:150px}}@media (max-width: 480px){.copy-status-message{font-size:9px;padding:4px 8px;max-width:120px;border-radius:4px}}@media (prefers-contrast: high){.copy-status-message{background:#a51212;border:1px solid #ffffff;font-weight:600}}@media (prefers-reduced-motion: reduce){.copy-status-message,.copy-status-message.initial-load,.copy-status-message.update-pulse{animation:none;transition:none}.copy-status-message:hover{transform:none}}@media (prefers-color-scheme: dark){.copy-status-message{background:linear-gradient(135deg,#b71c1c,#e53935);box-shadow:0 2px 6px #b71c1c59}}.totp-container{position:relative}.totp-container .copy-status-message{margin-top:8px;clear:both}td .totp-container .copy-status-message{margin-top:2px;max-width:160px;font-size:11px;padding:3px 2px}.copy-status-message{text-shadow:0 1px 2px rgba(0,0,0,.1)}.copy-status-message:focus{outline:2px solid #ffffff;outline-offset:2px}.copy-status-message{transition:all .3s ease,transform .2s ease}.copy-status-message.loading{background:linear-gradient(135deg,#666,#888);animation:copyMessageLoading 1.5s ease-in-out infinite}@keyframes copyMessageLoading{0%,to{opacity:.6}50%{opacity:.9}}.totp-obfuscated{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.1em;font-weight:700;letter-spacing:.1em;color:#333;background:#0000000f;padding:2px 6px;border-radius:3px 0 0 3px;border:1px solid rgba(0,0,0,.25);transition:all .2s ease}.totp-obfuscated:hover{color:#222;background:#00000040;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.totp-obfuscated:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.totp-obfuscated{position:relative}.totp-obfuscated:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent,#007bff,transparent);opacity:0;transition:opacity .3s ease}.totp-obfuscated:hover:after{opacity:.5}.totp-obfuscated[title]:hover{cursor:pointer}:where([data-bs-theme=dark]) .totp-obfuscated{color:#aaa;background:#ffffff1a;border-color:#ffffff26}:where([data-bs-theme=dark]) .totp-obfuscated:hover{color:#ddd;background:#ffffff26}:where([data-bs-theme=dark]) .totp-obfuscated:after{background:linear-gradient(to right,transparent,#0d6efd,transparent)}@media (max-width: 768px){.totp-obfuscated{font-size:1em;padding:3px 8px;letter-spacing:.05em}}@keyframes copySuccess{0%{background:#28a74533;transform:scale(1)}50%{background:#28a7454d;transform:scale(1.05)}to{background:#0000000d;transform:scale(1)}}.totp-obfuscated.copy-success{animation:copySuccess .6s ease-out}@keyframes copyError{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.totp-obfuscated.copy-error{animation:copyError .4s ease-out;background:#dc35451a}.quest-stat-clickable{will-change:background-color,color,transform}.quest-stat-clickable:hover,.quest-stat-clickable.quest-filter-active{will-change:auto}.totp-container .progress-bar{will-change:stroke-dasharray,stroke-dashoffset}.totp-container .progress-bar circle,.totp-container .progress-bar path{will-change:stroke-dasharray,stroke-dashoffset,stroke}.copy-btn-all,.copy-btn-token,.copy-btn-single{will-change:auto}.copy-btn-all:hover,.copy-btn-token:hover,.copy-btn-single:hover{will-change:background-color,color,transform}#crudTable tbody{will-change:auto}#crudTable.ajax-loading tbody{will-change:opacity,transform}.dataTables_wrapper .dataTables_processing{will-change:opacity,visibility}.quest-stat-clickable .filter-indicator{will-change:opacity,transform,visibility}.navbar-filters li.active{will-change:auto}.navbar-filters li:not(.active){will-change:background-color,border-color}.tooltip{will-change:opacity,transform,visibility}.tooltip.show{will-change:auto}#crudTable_wrapper{contain:layout style paint}.real-value,.masked-value,.real-value.d-none,.masked-value.d-none{will-change:auto}.toggle-visibility-btn:active+* .real-value,.toggle-visibility-btn:active+* .masked-value{will-change:opacity,visibility}#active-users-list .user-item{will-change:opacity,transform}.quest-filter-transitioning{will-change:background-color,color,opacity,transform}.quest-filter-transitioning.transition-complete{will-change:auto}@media (prefers-reduced-motion: reduce){*{will-change:auto!important}}@media (max-width: 768px){.quest-stat-clickable,.copy-btn-all,.copy-btn-token{will-change:auto}.quest-stat-clickable:active{will-change:background-color,transform}}#crudTable thead,#crudTable tbody{contain:layout}@keyframes questFilterFade{0%{opacity:.7;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.quest-stat-clickable.just-filtered{animation:questFilterFade .2s ease-out;will-change:opacity,transform}.quest-stat-clickable.just-filtered.animation-complete{will-change:auto;animation:none}.totp-container .totp-timer{text-align:center}.totp-container .totp-timer div{display:inline-block}.totp-code-timer{width:20px;margin-right:10px}.accesos-wrapper .loading-state{font-size:.8rem;color:#666}.accesos-wrapper .content-state{transition:opacity .3s ease}.accesos-wrapper.loaded .loading-state{display:none}.accesos-wrapper.loaded .content-state{opacity:1}.box-body.table-responsive{height:70vh;overflow:auto;position:relative}.table-fixed-header thead{position:sticky;top:0;z-index:10;background:#fff}.table-sheets{border-collapse:collapse;width:100%}.table-sheets th,.table-sheets td{border:1px solid #e0e0e0;padding:8px}.table-sheets th{background-color:#f8f9fa;font-weight:500}.table-sheets tr:hover{background-color:#f1f3f4}.content-wrapper{overflow:hidden!important}.navbar-filters{display:none}
