@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap";#root{max-width:100%;margin:0;padding:0;text-align:left}button{border-radius:unset;border:unset;padding:unset;font-size:unset;font-weight:unset;background-color:unset;cursor:pointer;transition:unset}button:hover{border-color:unset}button:focus,button:focus-visible{outline:revert}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#C8D0DA;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#A0AABB}.dropdown-submenu{position:relative}.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-1px}:root{--cl-navy: #172B4D;--cl-navy-mid: #1E3A63;--cl-teal: #00A99D;--cl-teal-hover: #008F85;--cl-teal-bg: #E6F8F7;--cl-stone: #F4F6F9;--cl-white: #FFFFFF;--cl-border: #DFE3E8;--cl-muted: #7A8899;--cl-shadow: 0 2px 16px rgba(23, 43, 77, .07);--cl-shadow-up: 0 6px 28px rgba(0, 169, 157, .16);--cl-radius: 14px;--cl-font-display:"Libre Baskerville", Georgia, serif;--cl-font-ui: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--cl-navbar-h: 56px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cl-stone);font-family:var(--cl-font-ui);font-size:.9375rem;color:var(--cl-navy);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--cl-font-ui);border-radius:0;padding:0;font-size:inherit;background:none;border:none;cursor:pointer}.app-navbar{position:sticky;top:0;z-index:1030;background:var(--cl-navy);height:var(--cl-navbar-h);display:flex;align-items:center;padding:0 1.5rem;gap:1rem;box-shadow:0 1px #ffffff0f,0 4px 16px #172b4d2e}.app-brand{font-family:var(--cl-font-display);font-size:1.2rem;font-weight:400;color:#fff;text-decoration:none;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;gap:.5rem}.app-brand:hover{color:#fff;text-decoration:none}.app-brand__dot{width:8px;height:8px;background:var(--cl-teal);border-radius:50%;display:inline-block;flex-shrink:0}.app-back-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(255,255,255,.18);color:#ffffffbf;background:transparent;cursor:pointer;transition:all .16s ease;flex-shrink:0;font-size:.95rem;text-decoration:none}.app-back-btn:hover{background:rgba(255,255,255,.1);border-color:#ffffff59;color:#fff}.app-navbar__divider{width:1px;height:20px;background:rgba(255,255,255,.14);flex-shrink:0}.app-nav{display:flex;align-items:center;gap:.15rem;margin-left:1.5rem;flex:1;min-width:0}.app-nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:8px;font-family:var(--cl-font-ui);font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#ffffffa6;text-decoration:none;transition:all .16s ease;white-space:nowrap;position:relative}.app-nav-link:hover{color:#ffffffeb;background:rgba(255,255,255,.07);text-decoration:none}.app-nav-link.active{color:#fff;background:rgba(0,169,157,.18)}.app-nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--cl-teal);border-radius:2px}.app-nav-link i{font-size:.85rem;opacity:.8}.app-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--cl-teal);border-radius:0 2px 2px 0;z-index:9999;transition:width .3s ease,opacity .4s ease;box-shadow:0 0 8px #00a99d80}.app-user-trigger{display:inline-flex;align-items:center;gap:.55rem;padding:.28rem .65rem .28rem .35rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);cursor:pointer;transition:all .16s ease;flex-shrink:0;text-decoration:none;color:#ffffffe0}.app-user-trigger:hover{background:rgba(255,255,255,.12);border-color:#ffffff40;color:#fff;text-decoration:none}.app-user-trigger:after{display:none!important}.app-user-avatar{width:28px;height:28px;border-radius:7px;object-fit:cover;background:var(--cl-teal-bg);flex-shrink:0}.app-user-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.app-user-name{font-family:var(--cl-font-ui);font-size:.78rem;font-weight:700;color:#fff;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-sucursal{font-family:var(--cl-font-ui);font-size:.65rem;font-weight:600;color:#ffffff80;letter-spacing:.02em;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-user-caret{font-size:.6rem;color:#ffffff73;margin-left:.1rem}.app-dropdown-menu{min-width:200px;border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:0 12px 40px #172b4d2e;padding:.5rem;background:var(--cl-white);margin-top:.4rem!important;font-family:var(--cl-font-ui)}.app-dropdown-header{padding:.6rem .75rem .5rem;border-bottom:1px solid var(--cl-border);margin-bottom:.35rem}.app-dropdown-header-name{font-weight:700;font-size:.85rem;color:var(--cl-navy);display:block}.app-dropdown-header-email{font-size:.72rem;color:var(--cl-muted)}.app-dropdown-item{display:flex;align-items:center;gap:.55rem;padding:.5rem .75rem;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--cl-navy);text-decoration:none;transition:all .14s ease;width:100%;background:transparent;border:none;cursor:pointer;font-family:var(--cl-font-ui)}.app-dropdown-item:hover{background:var(--cl-teal-bg);color:var(--cl-teal);text-decoration:none}.app-dropdown-item i{font-size:.85rem;width:16px;text-align:center;opacity:.7}.app-dropdown-item.danger:hover{background:#FEE2E2;color:#dc2626}.app-dropdown-divider{height:1px;background:var(--cl-border);margin:.35rem 0}.app-dropdown-nested{position:relative}.app-dropdown-nested>.app-dropdown-item:after{content:"";font-family:bootstrap-icons;font-size:.65rem;margin-left:auto;opacity:.5}.app-dropdown-nested .dropdown-menu{border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:0 12px 40px #172b4d2e;padding:.5rem;font-family:var(--cl-font-ui);min-width:180px}.app-dropdown-nested .dropdown-item{border-radius:7px;font-size:.82rem;font-weight:600;color:var(--cl-navy);padding:.45rem .75rem;transition:all .14s ease}.app-dropdown-nested .dropdown-item:hover{background:var(--cl-teal-bg);color:var(--cl-teal)}.app-outlet{min-height:calc(100vh - var(--cl-navbar-h) - 60px);padding:0}.app-route-loading{display:flex;align-items:center;justify-content:center;min-height:40vh;color:var(--cl-text-muted, #6c757d)}.app-toasts{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9050;display:flex;flex-direction:column;gap:.65rem;max-width:360px;pointer-events:none}.app-toast{background:var(--cl-white);border-radius:12px;border:1px solid var(--cl-border);border-left:4px solid var(--cl-teal);box-shadow:0 8px 32px #172b4d29;padding:.85rem 1.1rem;display:flex;align-items:flex-start;gap:.75rem;font-family:var(--cl-font-ui);pointer-events:all;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.app-toast.toast-danger{border-left-color:#ef4444}.app-toast.toast-warning{border-left-color:#f59e0b}.app-toast.toast-success{border-left-color:#10b981}.app-toast.toast-info{border-left-color:var(--cl-teal)}.app-toast__icon{font-size:1rem;flex-shrink:0;margin-top:1px}.toast-danger .app-toast__icon{color:#ef4444}.toast-warning .app-toast__icon{color:#f59e0b}.toast-success .app-toast__icon{color:#10b981}.toast-info .app-toast__icon{color:var(--cl-teal)}.app-toast__body{flex:1;font-size:.84rem;font-weight:500;color:var(--cl-navy);line-height:1.4}.app-toast__close{background:transparent;border:none;color:var(--cl-muted);cursor:pointer;font-size:.75rem;padding:0;line-height:1;flex-shrink:0;margin-top:2px;transition:color .14s ease}.app-toast__close:hover{color:var(--cl-navy)}.app-footer{padding:1.25rem 1.5rem;text-align:center;font-family:var(--cl-font-ui);font-size:.75rem;font-weight:600;color:var(--cl-muted);border-top:1px solid var(--cl-border);letter-spacing:.02em;background:var(--cl-white)}.app-footer a{color:var(--cl-teal);text-decoration:none}.app-footer a:hover{text-decoration:underline}@media (max-width: 768px){.app-navbar{padding:0 1rem;gap:.6rem}.app-nav{margin-left:.5rem;gap:0}.app-nav-link{padding:.35rem .5rem;font-size:.72rem;letter-spacing:0}.app-nav-link span,.app-user-info,.app-user-name,.app-user-sucursal{display:none}.app-user-trigger{padding:.28rem;border-radius:8px}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-container p{margin-top:10px;font-size:24px;color:#333;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.feedback-fab{position:fixed;width:48px;height:48px;border-radius:50%;border:none;background-color:#0d6efd;color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000040;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;z-index:9999}.feedback-fab:hover,.feedback-fab:focus-visible{background-color:#0b5ed7;transform:scale(1.05);box-shadow:0 6px 18px #0000004d;outline:none}.feedback-fab-bottom-right{bottom:24px;right:24px}.feedback-fab-bottom-left{bottom:24px;left:24px}.feedback-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 8px;border:2px solid #dee2e6;border-radius:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;-webkit-user-select:none;user-select:none;min-width:72px;flex:1}.feedback-type-card:hover{border-color:#86b7fe;background-color:#f0f7ff}.feedback-type-card.selected{border-color:#0d6efd;background-color:#e7f1ff}.feedback-type-card .feedback-type-icon{font-size:22px;line-height:1}.feedback-type-card .feedback-type-label{font-size:11px;font-weight:600;color:#495057;text-align:center}.feedback-type-card.selected .feedback-type-label{color:#0d6efd}.feedback-severity-badge{display:inline-block;padding:4px 14px;border-radius:50px;border:2px solid #dee2e6;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease;-webkit-user-select:none;user-select:none;background-color:#fff;color:#6c757d}.feedback-severity-badge:hover{border-color:#adb5bd;color:#343a40}.feedback-severity-badge.selected.critical{border-color:#dc3545;background-color:#f8d7da;color:#842029}.feedback-severity-badge.selected.high{border-color:#fd7e14;background-color:#ffe5d0;color:#7d3b00}.feedback-severity-badge.selected.medium{border-color:#ffc107;background-color:#fff3cd;color:#664d03}.feedback-severity-badge.selected.low{border-color:#198754;background-color:#d1e7dd;color:#0a3622}.feedback-screenshot-wrapper{position:relative;display:inline-block;margin-top:8px}.feedback-screenshot-thumb{width:80px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6;display:block}.feedback-screenshot-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background-color:#dc3545;color:#fff;border:none;font-size:10px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.feedback-success-body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:12px;text-align:center}.feedback-success-emojis{display:flex;gap:8px;font-size:28px}.feedback-success-emoji{display:inline-block;animation:feedbackBounce .6s ease infinite alternate}.feedback-success-emoji:nth-child(2){animation-delay:.15s}.feedback-success-emoji:nth-child(3){animation-delay:.3s}@keyframes feedbackBounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.feedback-field-error{border-color:#dc3545!important}.feedback-field-error:focus{box-shadow:0 0 0 .25rem #dc354540!important}
