.toast-container{position:fixed;top:20px;right:20px;z-index:9999;animation:slideIn .3s ease-out}.toast-container.dark .toast-notification{background-color:#1e293b;color:#f1f5f9}.toast-notification{display:flex;align-items:center;gap:12px;background-color:#fff;color:#1f2937;padding:16px 20px;border-radius:8px;box-shadow:0 10px 40px #00000026;border-left:4px solid #3498db;min-width:320px;max-width:420px}.toast-icon{font-size:24px;flex-shrink:0}.toast-content{flex:1;min-width:0}.toast-message{margin:0;font-size:14px;font-weight:500;line-height:1.4}.toast-bug-title{display:block;margin-top:4px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-container.dark .toast-bug-title{color:#94a3b8}.toast-close{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .2s}.toast-close:hover{color:#6b7280}.toast-container.dark .toast-close{color:#64748b}.toast-container.dark .toast-close:hover{color:#94a3b8}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.login-page{min-height:100vh;position:relative;overflow:hidden}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-dark);z-index:-1}.login-shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 20s ease-in-out infinite}.login-shape-1{width:600px;height:600px;background:var(--primary-500);top:-200px;left:-100px;animation-delay:0s}.login-shape-2{width:500px;height:500px;background:#a855f7;bottom:-150px;right:-100px;animation-delay:-7s}.login-shape-3{width:400px;height:400px;background:#8b5cf6;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,30px) scale(1.02)}}.login-container{display:flex;min-height:100vh;position:relative;z-index:1}.login-branding{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-12);color:#fff}.login-branding-content{max-width:500px;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-logo{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.login-logo svg{width:48px;height:48px}.login-logo span{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.login-branding-title{font-size:var(--text-4xl);font-weight:800;line-height:1.2;margin-bottom:var(--spacing-4);letter-spacing:-.02em}.login-branding-subtitle{font-size:var(--text-lg);opacity:.8;line-height:1.7;margin-bottom:var(--spacing-8)}.login-features{display:flex;flex-direction:column;gap:var(--spacing-4)}.login-feature{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);transition:all var(--transition-normal)}.login-feature:hover{background:#ffffff26;transform:translate(5px)}.login-feature-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);flex-shrink:0}.login-feature-icon svg{width:18px;height:18px}.login-feature span{font-size:var(--text-sm);font-weight:500}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:var(--shadow-2xl);animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-card-header{text-align:center;margin-bottom:var(--spacing-8)}.login-card-header h2{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-2)}.login-card-header p{color:var(--gray-500);font-size:var(--text-sm)}.login-form{margin-bottom:var(--spacing-6)}.login-form .form-group{margin-bottom:var(--spacing-5)}.login-form .form-label{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.login-form .form-label svg{color:var(--gray-400)}.login-form .form-control{height:52px;font-size:var(--text-base)}.login-form .form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100)}.login-form .btn{height:52px;font-size:var(--text-base);margin-top:var(--spacing-4)}.login-form .loading-spinner{width:20px;height:20px;border-width:2px}.forgot-password-link{color:var(--primary-600);font-size:var(--text-sm);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-2);transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--primary-700);text-decoration:underline}.forgot-password-wrapper{text-align:right;margin-top:-8px}.twofa-login-info{display:flex;align-items:center;gap:.75rem;background:#ecfdf5;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;color:#047857;font-size:.875rem;font-weight:500}.twofa-login-info svg{flex-shrink:0;color:#10b981}.twofa-code-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-family:monospace}.twofa-back-link{margin-bottom:1rem;display:block}.login-footer{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--gray-100)}.login-footer p{font-size:var(--text-sm);color:var(--gray-500)}.login-footer .victalejo-brand{font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 1024px){.login-container{flex-direction:column}.login-branding{padding:var(--spacing-8) var(--spacing-6);min-height:auto}.login-branding-content{max-width:100%;text-align:center}.login-logo{justify-content:center}.login-branding-title{font-size:var(--text-3xl)}.login-features{display:none}.login-form-panel{padding:var(--spacing-6);background:transparent}}@media (max-width: 480px){.login-branding{padding:var(--spacing-6) var(--spacing-4)}.login-branding-title{font-size:var(--text-2xl)}.login-branding-subtitle{font-size:var(--text-base)}.login-card{padding:var(--spacing-6);border-radius:var(--radius-xl)}.login-form-panel{padding:var(--spacing-4)}}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.gallery-item{position:relative;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid #dee2e6;transition:transform .2s ease,box-shadow .2s ease}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay svg{width:40px;height:40px;color:#fff}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080}.lightbox-close{position:absolute;top:-3rem;right:0;background-color:#fff;color:#212529;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.lightbox-close:hover{background-color:#dc3545;color:#fff}.lightbox-close svg{width:24px;height:24px}@media (max-width: 768px){.image-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.lightbox{padding:1rem}.lightbox-close{top:-2.5rem;width:36px;height:36px}.lightbox-close svg{width:20px;height:20px}}.voice-recorder-container{display:inline-flex;align-items:center;position:relative}.voice-recorder-btn{width:36px;height:36px;border-radius:50%;border:none;background-color:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-secondary, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:8px}.voice-recorder-btn:hover:not(.disabled):not(.processing){background-color:var(--color-primary, #2563eb);color:#fff}.voice-recorder-btn svg{width:20px;height:20px}.voice-recorder-btn.recording{background-color:#ef4444;color:#fff;animation:pulse-recording 1.5s ease-in-out infinite}@keyframes pulse-recording{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 10px #ef444400}}.voice-recorder-btn.processing{background-color:var(--color-primary, #2563eb);color:#fff;cursor:wait}.voice-recorder-btn.processing .spinner{animation:spin 1s linear infinite}.voice-recorder-btn.disabled{opacity:.5;cursor:not-allowed}.voice-recorder-error{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:#ef4444;color:#fff;border-radius:50%;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:help}.textarea-with-voice{position:relative}.textarea-with-voice textarea{padding-right:48px}.textarea-with-voice .voice-recorder-container{position:absolute;right:8px;top:8px}[data-theme=dark] .voice-recorder-btn{background-color:var(--color-bg-tertiary, #374151);color:var(--color-text-secondary, #9ca3af)}[data-theme=dark] .voice-recorder-btn:hover:not(.disabled):not(.processing){background-color:var(--color-primary, #3b82f6)}.comment-section{width:100%}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.comment-item{display:flex;gap:1rem;padding:1rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.comment-author{font-weight:600;color:#212529;font-size:.9375rem}.comment-date{font-size:.8125rem;color:#6c757d}.comment-text{margin:0;color:#495057;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.no-comments{text-align:center;padding:3rem 2rem;color:#6c757d}.no-comments svg{width:48px;height:48px;margin-bottom:1rem;color:#adb5bd}.no-comments p{margin:0;font-size:1rem}.comment-form{background-color:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.comment-form-header{margin-bottom:.75rem}.comment-form-header label{font-weight:600;color:#495057;font-size:.9375rem;display:block}.comment-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:.5rem .75rem;margin-bottom:.75rem;font-size:.875rem}.comment-input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9375rem;color:#495057;font-family:inherit;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.comment-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.comment-input::placeholder{color:#adb5bd}.comment-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.comment-form-actions{margin-top:.75rem;display:flex;justify-content:flex-end}.spinner-small{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:.5rem}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.comments-list::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.comments-list::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.comment-item{padding:.75rem}.comment-avatar{width:36px;height:36px;font-size:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.25rem}.no-comments{padding:2rem 1rem}}:root.dark .comment-item{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .comment-author{color:var(--text-primary)}:root.dark .comment-date{color:var(--text-muted)}:root.dark .comment-text{color:var(--text-secondary)}:root.dark .no-comments{color:var(--text-muted)}:root.dark .no-comments svg{color:var(--text-muted)}:root.dark .comment-form{background-color:var(--bg-primary);border-color:var(--border-color)}:root.dark .comment-form-header label{color:var(--text-secondary)}:root.dark .comment-input{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .comment-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .comment-input::placeholder{color:var(--text-muted)}:root.dark .comment-input:disabled{background-color:var(--bg-hover)}:root.dark .comments-list::-webkit-scrollbar-track{background:var(--bg-secondary)}:root.dark .comments-list::-webkit-scrollbar-thumb{background:var(--border-light)}:root.dark .comments-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tester-decision-panel{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;margin:20px 0;color:#fff;box-shadow:0 4px 6px #0000001a}.decision-title{font-size:1.5rem;font-weight:700;margin:0 0 8px;text-align:center}.decision-subtitle{text-align:center;margin:0 0 24px;opacity:.95;font-size:.95rem}.decision-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.decision-option{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.decision-option:hover:not(:disabled){background:#fff3;border-color:#ffffff80;transform:translate(4px)}.decision-option.selected{background:#ffffff40;border-color:#fff;border-width:3px;box-shadow:0 0 20px #ffffff4d}.decision-option:disabled{cursor:not-allowed;opacity:.6}.decision-icon{font-size:2rem;flex-shrink:0}.decision-content{display:flex;flex-direction:column;gap:4px;flex:1}.decision-label{font-size:1.1rem;font-weight:600}.decision-description{font-size:.85rem;opacity:.9}.decision-comment{margin-bottom:16px}.decision-comment label{display:block;margin-bottom:8px;font-weight:600;font-size:1rem;color:#333}.decision-comment .required{color:#ff6b6b}.decision-comment textarea{width:100%;padding:12px;border-radius:8px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#333;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease}.decision-comment textarea::placeholder{color:#00000080}.decision-comment textarea:focus{outline:none;border-color:#fff;background:#ffffff26}.decision-comment textarea.error{border-color:#ff6b6b}.decision-comment textarea:disabled{cursor:not-allowed;opacity:.6}.decision-error{background:#ff6b6b;color:#fff;padding:12px;border-radius:8px;margin-bottom:16px;font-weight:500;text-align:center}.decision-actions{display:flex;justify-content:center}.btn-submit-decision{background:#fff;color:#667eea;border:none;padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0003}.btn-submit-decision:hover:not(:disabled){background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.btn-submit-decision:disabled{background:#ffffff80;cursor:not-allowed;transform:none}@media (max-width: 768px){.tester-decision-panel{padding:16px}.decision-title{font-size:1.25rem}.decision-option{padding:12px}.decision-icon{font-size:1.5rem}.decision-label{font-size:1rem}}:root.dark .decision-comment label{color:#fff}:root.dark .decision-comment textarea{color:#fff;background:#ffffff26}:root.dark .decision-comment textarea::placeholder{color:#fff9}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);overflow-y:auto}.modal-detail{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideIn var(--transition-slow) ease}.modal-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef;gap:1rem}.modal-detail-title-section{flex:1;min-width:0}.modal-detail-title-section h2{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;color:#212529;word-break:break-word}.modal-detail-badges{display:flex;gap:.5rem;flex-wrap:wrap}.severity-badge,.status-badge{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.status-badge{background-color:#6c757d}.status-badge.status-open{background-color:#0dcaf0}.status-badge.status-in-progress{background-color:#ffc107;color:#212529}.status-badge.status-resolved{background-color:#28a745}.status-badge.status-pending-test{background:var(--gradient-primary);color:#fff;font-weight:600}.status-badge.status-closed{background-color:#6c757d}.modal-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:#6c757d;transition:all .2s ease;border-radius:4px;flex-shrink:0}.modal-close-btn:hover{background-color:#f8f9fa;color:#dc3545}.modal-close-btn svg{width:24px;height:24px}.modal-detail-body{flex:1;overflow-y:auto;padding:1.5rem 2rem}.modal-loading,.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner-large{width:48px;height:48px;border:4px solid #e9ecef;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.modal-loading p,.modal-error p{color:#6c757d;font-size:1rem;margin:0}.detail-section{margin-bottom:2rem}.detail-section:last-child{margin-bottom:0}.detail-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#212529;padding-bottom:.5rem;border-bottom:2px solid #e9ecef}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-weight:600;font-size:.8125rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9375rem;color:#212529;word-break:break-word}.detail-content-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem 1.25rem}.detail-content-box p{margin:0;color:#495057;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detail-pre{margin:0;color:#495057;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;font-family:inherit}.behavior-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.behavior-box{background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:1rem 1.25rem}.behavior-box.expected{border-color:#28a745}.behavior-box.actual{border-color:#dc3545}.behavior-box h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.behavior-box.expected h4{color:#28a745}.behavior-box.actual h4{color:#dc3545}.behavior-box p{margin:0;color:#495057;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.behavior-divider{display:flex;align-items:center;justify-content:center;color:#adb5bd}.behavior-divider svg{width:24px;height:24px}.technical-block{margin-bottom:1.5rem}.technical-block:last-child{margin-bottom:0}.technical-title{margin:0 0 .75rem;font-size:.9375rem;font-weight:600;color:#495057}.code-block{background-color:#282c34;color:#abb2bf;border-radius:8px;padding:1rem 1.25rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.status-management{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.status-label{font-weight:600;color:#495057;font-size:.9375rem}.status-select{padding:.5rem 2rem .5rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9375rem;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.status-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.status-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.6}.status-updating{color:#6c757d;font-size:.875rem;font-style:italic}.status-timeline{display:flex;flex-direction:column;gap:1rem;padding-left:1rem}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-item:not(:last-child):before{content:"";position:absolute;left:9px;top:28px;bottom:-16px;width:2px;background-color:#dee2e6}.timeline-marker{width:20px;height:20px;border-radius:50%;background-color:#4a90e2;border:3px solid #e7f3ff;flex-shrink:0;margin-top:4px}.timeline-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.timeline-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;display:inline-block;align-self:flex-start;color:#fff}.timeline-user{font-weight:600;font-size:.9375rem;color:#212529}.timeline-date{font-size:.8125rem;color:#6c757d}.tester-decision-info{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem 1.25rem}.decision-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.decision-badge{padding:.375rem .75rem;border-radius:6px;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff}.decision-date{font-size:.8125rem;color:#6c757d}.decision-comment{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.75rem 1rem;margin-top:.5rem}.decision-comment strong{display:block;font-size:.8125rem;color:#495057;margin-bottom:.5rem}.decision-comment p{margin:0;color:#212529;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.modal-detail-footer{display:flex;justify-content:flex-end;padding:1rem 2rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}@media (max-width: 768px){.modal-detail{max-height:95vh;max-width:100%;margin:0;border-radius:0}.modal-detail-header,.modal-detail-body,.modal-detail-footer{padding:1rem 1.5rem}.modal-detail-title-section h2{font-size:1.25rem}.detail-grid{grid-template-columns:1fr}.behavior-comparison{grid-template-columns:1fr;gap:1rem}.behavior-divider{transform:rotate(90deg)}.status-management{flex-direction:column;align-items:flex-start}}:root.dark .modal-detail{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .modal-detail-header{border-bottom-color:var(--border-color)}:root.dark .modal-detail-title-section h2{color:var(--text-primary)}:root.dark .modal-close-btn{color:var(--text-secondary)}:root.dark .modal-close-btn:hover{background-color:var(--bg-hover);color:var(--error-500)}:root.dark .detail-section-title{color:var(--text-primary);border-bottom-color:var(--border-color)}:root.dark .detail-label{color:var(--text-muted)}:root.dark .detail-value{color:var(--text-primary)}:root.dark .detail-content-box{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .detail-content-box p{color:var(--text-secondary)}:root.dark .detail-pre{color:var(--text-secondary)}:root.dark .behavior-box{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .behavior-box p{color:var(--text-secondary)}:root.dark .behavior-divider{color:var(--text-muted)}:root.dark .technical-title{color:var(--text-secondary)}:root.dark .status-label{color:var(--text-secondary)}:root.dark .status-select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .status-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .status-select:disabled{background-color:var(--bg-primary)}:root.dark .timeline-item:not(:last-child):before{background-color:var(--border-color)}:root.dark .timeline-marker{border-color:var(--bg-card)}:root.dark .timeline-user{color:var(--text-primary)}:root.dark .timeline-date{color:var(--text-muted)}:root.dark .tester-decision-info{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .decision-date{color:var(--text-muted)}:root.dark .decision-comment{background-color:var(--bg-primary);border-color:var(--border-color)}:root.dark .decision-comment strong{color:var(--text-secondary)}:root.dark .decision-comment p{color:var(--text-primary)}:root.dark .modal-detail-footer{background-color:var(--bg-secondary);border-top-color:var(--border-color)}:root.dark .modal-loading p,:root.dark .modal-error p{color:var(--text-muted)}.bug-filters{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.search-section{margin-bottom:1.5rem}.search-box{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#6c757d;pointer-events:none}.search-input{width:100%;padding:.75rem 3rem;border:1px solid #ced4da;border-radius:8px;font-size:1rem;color:#495057;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.search-input::placeholder{color:#adb5bd}.search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem;color:#6c757d;transition:color .2s ease}.search-clear:hover{color:#dc3545}.search-clear svg{width:18px;height:18px}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.filter-section{display:flex;flex-direction:column;gap:.75rem}.filter-label{font-weight:600;font-size:.875rem;color:#495057;text-transform:uppercase;letter-spacing:.5px}.filter-options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:20px;background-color:#fff;color:#495057;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-chip:hover{background-color:#e9ecef;border-color:#adb5bd}.filter-chip.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.filter-select{padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9375rem;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.filter-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.date-section{grid-column:span 2}.date-inputs{display:flex;align-items:center;gap:.75rem}.filter-date{flex:1;padding:.5rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.9375rem;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.filter-date:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.date-separator{color:#6c757d;font-weight:500}.filters-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.results-count{color:#6c757d;font-size:.9375rem}.results-count strong{color:#212529;font-weight:600}.clear-filters-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#fff;color:#dc3545;border:1px solid #dc3545;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background-color:#dc3545;color:#fff}.clear-filters-btn svg{width:16px;height:16px}@media (max-width: 992px){.filters-grid{grid-template-columns:1fr}.date-section{grid-column:span 1}.date-inputs{flex-direction:column;align-items:stretch}.date-separator{display:none}}@media (max-width: 768px){.bug-filters{padding:1rem}.search-input{font-size:.875rem}.filters-actions{flex-direction:column;align-items:stretch;gap:1rem}.clear-filters-btn{justify-content:center}}:root.dark .bug-filters{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .search-input{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .search-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .search-input::placeholder{color:var(--text-muted)}:root.dark .search-icon{color:var(--text-muted)}:root.dark .search-clear{color:var(--text-muted)}:root.dark .search-clear:hover{color:var(--error-500)}:root.dark .filter-label{color:var(--text-secondary)}:root.dark .filter-chip{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}:root.dark .filter-chip:hover{background-color:var(--bg-hover);border-color:var(--border-light)}:root.dark .filter-chip.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}:root.dark .filter-select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .filter-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .filter-date{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .filter-date:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .date-separator{color:var(--text-muted)}:root.dark .filters-actions{border-top-color:var(--border-color)}:root.dark .results-count{color:var(--text-muted)}:root.dark .results-count strong{color:var(--text-primary)}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:1.5rem;gap:1rem}.pagination-info{color:#6c757d;font-size:.9375rem}.pagination-info strong{color:#212529;font-weight:600}.pagination-controls{display:flex;align-items:center;gap:1.5rem}.items-per-page{display:flex;align-items:center;gap:.5rem}.items-per-page label{font-size:.875rem;color:#6c757d;font-weight:500}.items-select{padding:.375rem 2rem .375rem .75rem;border:1px solid #ced4da;border-radius:6px;font-size:.875rem;color:#495057;background-color:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.items-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.pagination-nav{display:flex;align-items:center;gap:.375rem}.page-btn,.page-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #dee2e6;background-color:#fff;color:#495057;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0 .5rem}.page-btn:hover:not(:disabled),.page-number:hover{background-color:#e9ecef;border-color:#adb5bd}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn svg{width:18px;height:18px}.page-number.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2;font-weight:600}.page-ellipsis{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:.875rem;font-weight:600}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch;padding:1rem}.pagination-info{text-align:center;font-size:.8125rem}.pagination-controls{flex-direction:column;gap:1rem}.items-per-page{justify-content:center}.pagination-nav{justify-content:center;flex-wrap:wrap}.page-btn,.page-number{min-width:32px;height:32px;font-size:.8125rem}.page-btn svg{width:16px;height:16px}}@media (max-width: 480px){.pagination-nav{gap:.25rem}.page-number:not(.active){display:none}.page-ellipsis{display:none}}:root.dark .pagination-container{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .pagination-info{color:var(--text-muted)}:root.dark .pagination-info strong{color:var(--text-primary)}:root.dark .items-per-page label{color:var(--text-muted)}:root.dark .items-select{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .items-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .page-btn,:root.dark .page-number{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}:root.dark .page-btn:hover:not(:disabled),:root.dark .page-number:hover{background-color:var(--bg-hover);border-color:var(--border-light)}:root.dark .page-number.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}:root.dark .page-ellipsis{color:var(--text-muted)}.bug-stats{padding:1.5rem;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-title{margin:0 0 2rem;font-size:1.75rem;font-weight:600;color:#212529;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.stats-loading,.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;animation:fadeIn .3s ease}.stats-loading p,.stats-error p{color:#6c757d;margin:1rem 0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.spinner-large{width:56px;height:56px;border:5px solid #e9ecef;border-top-color:#4a90e2;border-radius:50%;animation:spin .7s cubic-bezier(.68,-.55,.265,1.55) infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:scaleIn .4s ease backwards}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.25s}.stat-card:nth-child(5){animation-delay:.3s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0000001f;border-color:#4a90e2}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:rotate(5deg) scale(1.1)}.stat-icon svg{width:32px;height:32px;color:#fff}.stat-card.total .stat-icon{background:linear-gradient(135deg,#4a90e2,#357abd)}.stat-card.open .stat-icon{background:linear-gradient(135deg,#0dcaf0,#0aa2c0)}.stat-card.in-progress .stat-icon{background:linear-gradient(135deg,#ffc107,#e0a800)}.stat-card.resolved .stat-icon{background:linear-gradient(135deg,#28a745,#1e7e34)}.stat-card.pending-test .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.closed .stat-icon{background:linear-gradient(135deg,#6c757d,#545b62)}.stat-content{flex:1}.stat-content h3{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:2rem;font-weight:700;color:#212529;animation:countUp .6s ease}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideUp .5s ease backwards}.chart-card:nth-child(1){animation-delay:.35s}.chart-card:nth-child(2){animation-delay:.4s}.chart-card:nth-child(3){animation-delay:.45s}.chart-card:nth-child(4){animation-delay:.5s}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chart-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#4a90e2}.chart-card.full-width{grid-column:1 / -1}.chart-title{display:flex;align-items:center;gap:.75rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#212529}.chart-icon{width:24px;height:24px;color:#4a90e2;flex-shrink:0;transition:transform .3s ease}.chart-card:hover .chart-icon{transform:scale(1.15)}.chart-container{height:300px;position:relative;animation:chartFadeIn .6s ease backwards}@keyframes chartFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chart-container.doughnut{height:350px}.chart-container.horizontal{height:400px}.no-data{text-align:center;color:#6c757d;padding:2rem;font-size:.9375rem}@media (max-width: 1200px){.stats-charts-grid{grid-template-columns:1fr}}@media (max-width: 768px){.bug-stats{padding:1rem}.stats-summary{grid-template-columns:1fr}.stats-title{font-size:1.5rem}.stat-value{font-size:1.75rem}.chart-card{padding:1rem}.chart-title{font-size:1rem}.chart-container{height:250px}.chart-container.doughnut{height:300px}.chart-container.horizontal{height:350px}}:root.dark .stats-title{color:var(--text-primary)}:root.dark .stats-loading p,:root.dark .stats-error p{color:var(--text-muted)}:root.dark .spinner-large{border-color:var(--border-color);border-top-color:var(--primary-500)}:root.dark .stat-card{background:var(--bg-card);border-color:var(--border-color)}:root.dark .stat-card:hover{border-color:var(--primary-500);box-shadow:0 8px 20px #0000004d}:root.dark .stat-content h3{color:var(--text-muted)}:root.dark .stat-value{color:var(--text-primary)}:root.dark .chart-card{background:var(--bg-card);border-color:var(--border-color)}:root.dark .chart-card:hover{border-color:var(--primary-500);box-shadow:0 8px 24px #0000004d}:root.dark .chart-title{color:var(--text-primary)}:root.dark .no-data{color:var(--text-muted)}.resolution-time-chart{display:flex;flex-direction:column;gap:1.5rem}.resolution-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.resolution-card{background:var(--bg-secondary);border-radius:12px;padding:1rem;border-left:4px solid}.resolution-card.critical{border-left-color:#dc3545}.resolution-card.high{border-left-color:#fd7e14}.resolution-card.medium{border-left-color:#ffc107}.resolution-card.low{border-left-color:#28a745}.resolution-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.severity-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.severity-badge.critical{background:#dc3545}.severity-badge.high{background:#fd7e14}.severity-badge.medium{background:#ffc107;color:#333}.severity-badge.low{background:#28a745}.bug-count{font-size:.85rem;color:var(--text-secondary)}.resolution-card-body{display:flex;gap:1rem;flex-wrap:wrap}.time-stat{display:flex;flex-direction:column;gap:.25rem}.time-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.time-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.stats-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--text-secondary);text-align:center;padding:2rem}.stats-empty svg{width:48px;height:48px;opacity:.5}.stats-empty p{font-size:1.1rem;margin:0}.stats-empty span{font-size:.9rem;opacity:.7}.weekly-comparison-chart{display:flex;flex-direction:column;gap:1.5rem}.weekly-controls{display:flex;justify-content:flex-end}.weekly-controls label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.weekly-controls select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;cursor:pointer}.weekly-controls select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.weekly-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.summary-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;border-left:4px solid}.summary-card.opened{border-left-color:#0dcaf0}.summary-card.closed,.summary-card.net.positive{border-left-color:#28a745}.summary-card.net.negative{border-left-color:#dc3545}.summary-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--bg-tertiary)}.summary-card.opened .summary-icon{color:#0dcaf0}.summary-card.closed .summary-icon,.summary-card.net.positive .summary-icon{color:#28a745}.summary-card.net.negative .summary-icon{color:#dc3545}.summary-icon svg{width:24px;height:24px}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.85rem;color:var(--text-secondary)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.summary-card.net.positive .summary-value{color:#28a745}.summary-card.net.negative .summary-value{color:#dc3545}.qa-productivity{display:flex;flex-direction:column;gap:1.5rem}.productivity-controls{display:flex;justify-content:flex-end}.productivity-table-container{overflow-x:auto}.productivity-table{width:100%;border-collapse:collapse;font-size:.9rem}.productivity-table th,.productivity-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.productivity-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-secondary);white-space:nowrap}.productivity-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.productivity-table th.sortable:hover{background:var(--bg-hover)}.sort-icon{margin-left:.5rem;opacity:.4}.sort-icon.active{opacity:1;color:#667eea}.productivity-table tbody tr:hover{background:var(--bg-hover)}.qa-info{display:flex;flex-direction:column;gap:.25rem}.qa-name{font-weight:600;color:var(--text-primary)}.qa-email{font-size:.8rem;color:var(--text-secondary)}.metric-value{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.severity-breakdown,.decision-breakdown{display:flex;gap:.35rem;flex-wrap:wrap}.severity-pill,.decision-pill{padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.severity-pill.critical{background:#dc354526;color:#dc3545}.severity-pill.high{background:#fd7e1426;color:#fd7e14}.severity-pill.medium{background:#ffc10726;color:#d39e00}.severity-pill.low,.decision-pill.fixed{background:#28a74526;color:#28a745}.decision-pill.regression{background:#dc354526;color:#dc3545}.decision-pill.not-fixed{background:#fd7e1426;color:#fd7e14}.regression-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:var(--bg-tertiary);font-weight:600}.regression-count.has-regressions{background:#dc354526;color:#dc3545}.productivity-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.total-card{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px;text-align:center}.total-label{font-size:.85rem;color:var(--text-secondary)}.total-value{font-size:2rem;font-weight:700;color:#667eea}@media (max-width: 768px){.productivity-table th,.productivity-table td{padding:.75rem .5rem}}.bug-heatmap,.heatmap-container{display:flex;flex-direction:column;gap:1.5rem}.heatmap-grid{display:grid;grid-template-columns:100px repeat(24,1fr);gap:2px;overflow-x:auto;padding-bottom:.5rem}.heatmap-corner{grid-row:1;grid-column:1}.heatmap-hour-label{grid-row:1;font-size:.7rem;color:var(--text-secondary);text-align:center;padding:.25rem 0;grid-column:span 2}.heatmap-day-label{display:flex;align-items:center;font-size:.85rem;font-weight:500;color:var(--text-primary);padding-right:.5rem}.heatmap-cell{aspect-ratio:1;min-width:24px;min-height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative}.heatmap-cell:hover,.heatmap-cell.hovered{transform:scale(1.15);z-index:10;box-shadow:0 2px 8px #0003}.cell-value{font-size:.65rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.heatmap-legend{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary)}.legend-scale{display:flex;gap:2px}.legend-block{width:20px;height:20px;border-radius:4px}.heatmap-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.insight-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--bg-secondary);border-radius:12px}.insight-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0}.insight-icon svg{width:24px;height:24px}.insight-icon.peak{background:#ffc10726;color:#ffc107}.insight-icon.day{background:#0dcaf026;color:#0dcaf0}.insight-icon.max{background:#667eea26;color:#667eea}.insight-content{display:flex;flex-direction:column;gap:.15rem}.insight-label{font-size:.8rem;color:var(--text-secondary)}.insight-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.insight-detail{font-size:.75rem;color:var(--text-secondary)}@media (max-width: 768px){.heatmap-grid{grid-template-columns:80px repeat(24,1fr)}.heatmap-cell{min-width:18px;min-height:18px}.cell-value{font-size:.55rem}}.period-comparison{display:flex;flex-direction:column;gap:1.5rem}.comparison-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center;padding:1.5rem;background:var(--bg-secondary);border-radius:12px}.period-selector h4{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary);text-align:center}.date-inputs{display:flex;align-items:center;gap:.5rem}.date-inputs input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem}.date-inputs input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.date-inputs span{color:var(--text-secondary);font-size:.85rem}.period-vs{font-size:1.25rem;font-weight:700;color:#667eea;padding:.5rem 1rem;background:#667eea1a;border-radius:8px}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.comparison-card{background:var(--bg-secondary);border-radius:12px;padding:1.25rem;border-top:4px solid}.comparison-card.total{border-top-color:#667eea}.comparison-card.closed{border-top-color:#28a745}.comparison-card.open{border-top-color:#0dcaf0}.comparison-card.critical{border-top-color:#dc3545}.comparison-card.resolution{border-top-color:#ffc107}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-header h4{margin:0;font-size:.9rem;color:var(--text-secondary)}.variation-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary)}.variation-badge svg{width:12px;height:12px}.variation-badge.positive{background:#28a74526;color:#28a745}.variation-badge.negative{background:#dc354526;color:#dc3545}.card-values{display:flex;justify-content:space-around}.period-value{display:flex;flex-direction:column;align-items:center;gap:.25rem}.period-value .value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.period-value .label{font-size:.75rem;color:var(--text-secondary)}.period-value.current .value{color:#667eea}.period-value.previous .value{color:var(--text-secondary)}.status-comparison-table{overflow-x:auto}.status-comparison-table table{width:100%;border-collapse:collapse}.status-comparison-table th,.status-comparison-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.status-comparison-table th{font-size:.85rem;color:var(--text-secondary);font-weight:600;background:var(--bg-tertiary)}.status-comparison-table td{font-size:.95rem}.severity-comparison{display:flex;flex-direction:column;gap:1rem}.severity-bar-group{display:flex;align-items:center;gap:1rem}.severity-label{width:60px;font-size:.85rem;font-weight:500;color:var(--text-primary)}.severity-bars{flex:1;display:flex;flex-direction:column;gap:.35rem}.bar-container{display:flex;align-items:center;gap:.5rem;height:20px}.bar-container span{font-size:.8rem;font-weight:600;color:var(--text-secondary);min-width:24px}.bar{height:100%;border-radius:4px;min-width:4px;transition:width .3s ease}.bar.current{opacity:1}.bar.previous{opacity:.5}.bar.critical{background:#dc3545}.bar.high{background:#fd7e14}.bar.medium{background:#ffc107}.bar.low{background:#28a745}.severity-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.legend-item .dot{width:12px;height:12px;border-radius:3px;background:#667eea}.legend-item .dot.current{opacity:1}.legend-item .dot.previous{opacity:.5}@media (max-width: 768px){.comparison-controls{flex-direction:column}.period-vs{transform:rotate(90deg)}}.advanced-stats{padding:1.5rem}.advanced-stats-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.advanced-stats-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color);flex-wrap:wrap}.advanced-stats-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:var(--bg-secondary);color:var(--text-secondary);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.advanced-stats-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.advanced-stats-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.advanced-stats-tab .tab-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.advanced-stats-tab .tab-icon svg{width:100%;height:100%}.advanced-stats-content{background:var(--bg-primary);border-radius:12px;min-height:400px}.stats-loading,.stats-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1rem;color:var(--text-secondary)}.stats-error{color:var(--danger-color)}.stats-error button{margin-top:.5rem}.advanced-chart-card{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.advanced-chart-card h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.advanced-chart-card h3 svg{width:20px;height:20px;color:#667eea}.advanced-chart-container{height:350px;position:relative}.date-range-picker{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.date-range-picker label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-secondary)}.date-range-picker input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--bg-primary);color:var(--text-primary)}.date-range-picker input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.advanced-stats-tabs{gap:.25rem}.advanced-stats-tab{padding:.5rem .75rem;font-size:.8rem}.advanced-stats-tab .tab-label{display:none}.advanced-stats-tab .tab-icon{width:20px;height:20px}}.notification-settings{padding:0}.settings-header{margin-bottom:24px}.settings-header h3{margin:0 0 8px;font-size:1.25rem;color:#1f2937}.notification-settings.dark .settings-header h3{color:#f3f4f6}.settings-header p{margin:0;font-size:.875rem;color:#6b7280}.settings-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.875rem}.settings-message.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.settings-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.notification-settings.dark .settings-message.success{background:#16a34a26;border-color:#16a34a4d}.notification-settings.dark .settings-message.error{background:#dc262626;border-color:#dc26264d}.settings-section{margin-bottom:32px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.notification-settings.dark .settings-section{background:#1f2937;border-color:#374151}.settings-section h4{margin:0 0 4px;font-size:1rem;color:#1f2937}.notification-settings.dark .settings-section h4{color:#f3f4f6}.section-description{margin:0 0 16px;font-size:.813rem;color:#6b7280}.section-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.section-header .section-description{margin-bottom:0}.bulk-actions{display:flex;gap:8px}.btn-bulk{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-bulk:hover{background:#e5e7eb;color:#374151}.notification-settings.dark .btn-bulk{background:#374151;border-color:#4b5563;color:#9ca3af}.notification-settings.dark .btn-bulk:hover{background:#4b5563;color:#e5e7eb}.channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.channel-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.channel-card:hover{background:#f3f4f6}.channel-card.active{border-color:#3b82f6;background:#eff6ff}.notification-settings.dark .channel-card{background:#374151}.notification-settings.dark .channel-card:hover{background:#4b5563}.notification-settings.dark .channel-card.active{background:#3b82f626;border-color:#3b82f6}.channel-card input{display:none}.channel-icon{width:40px;height:40px;border-radius:10px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.channel-card.active .channel-icon{background:#3b82f6;color:#fff}.channel-icon.whatsapp{background:#e5e7eb;color:#6b7280}.channel-card.active .channel-icon.whatsapp{background:#25d366;color:#fff}.channel-icon svg{width:20px;height:20px}.channel-info{display:flex;flex-direction:column}.channel-name{font-weight:600;color:#1f2937}.notification-settings.dark .channel-name{color:#f3f4f6}.channel-status{font-size:.75rem;color:#6b7280}.events-list{display:flex;flex-direction:column;gap:8px}.event-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .15s ease}.event-item:hover{background:#f3f4f6}.event-item.active{background:#f0fdf4}.notification-settings.dark .event-item{background:#374151}.notification-settings.dark .event-item:hover{background:#4b5563}.notification-settings.dark .event-item.active{background:#22c55e1a}.event-info{display:flex;flex-direction:column}.event-label{font-weight:500;color:#1f2937}.notification-settings.dark .event-label{color:#f3f4f6}.event-description{font-size:.75rem;color:#6b7280;margin-top:2px}.event-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.event-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0003}.event-toggle input:checked+.toggle-slider{background-color:#22c55e}.event-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.settings-actions{display:flex;justify-content:flex-end;padding-top:16px}.btn-save{padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280}@media (max-width: 640px){.section-header{flex-direction:column;align-items:flex-start}.channels-grid{grid-template-columns:1fr}.event-item{flex-direction:column;align-items:flex-start;gap:12px}.event-toggle{align-self:flex-end}}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:settingsFadeIn .15s ease-out}@keyframes settingsFadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#fff;border-radius:1.5rem;max-width:560px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:settingsSlideUp .3s ease-out}@keyframes settingsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-loading{display:flex;align-items:center;justify-content:center;padding:3rem}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #f3f4f6}.settings-header h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.settings-close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;border-radius:.5rem;transition:all .15s ease}.settings-close-btn:hover{background:#f3f4f6;color:#111827}.settings-message{padding:.75rem 1rem;margin:1rem 2rem 0;border-radius:.75rem;font-size:.875rem;font-weight:500;animation:settingsFadeIn .15s ease-out}.settings-message.success{background-color:#ecfdf5;color:#047857;border:1px solid #d1fae5}.settings-message.error{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.settings-tabs{display:flex;gap:.25rem;padding:1rem 2rem 0;border-bottom:1px solid #f3f4f6}.settings-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:#6b7280;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.settings-tab:hover{color:#374151}.settings-tab.active{color:#6366f1;border-bottom-color:#6366f1}.settings-tab svg{flex-shrink:0}.settings-content{flex:1;overflow-y:auto;padding:1.5rem 2rem 2rem}.settings-panel{animation:settingsFadeIn .15s ease-out}.settings-panel-description{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.settings-section{margin-bottom:1.5rem}.settings-section-title{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.settings-channel{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:.75rem;margin-bottom:.75rem;border:1px solid #f3f4f6;transition:all .15s ease}.settings-channel:hover{border-color:#e5e7eb;background:#fff}.settings-channel-info{display:flex;align-items:center;gap:.75rem;flex:1}.settings-checkbox{width:20px;height:20px;accent-color:#6366f1;cursor:pointer}.settings-channel-label{cursor:pointer}.settings-channel-name{font-weight:600;color:#1f2937;font-size:.875rem}.settings-channel-desc{font-size:.75rem;color:#6b7280;margin-top:.25rem}.settings-test-btn{padding:.5rem .75rem;font-size:.75rem;font-weight:500;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;transition:all .15s ease}.settings-test-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.settings-test-btn:disabled{opacity:.5;cursor:not-allowed}.settings-input-group{margin-bottom:1.25rem}.settings-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.settings-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;color:#1f2937;background:#fff;transition:all .15s ease;box-sizing:border-box}.settings-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.settings-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.settings-hint{color:#6b7280;font-size:.75rem;margin-top:.5rem}.settings-info-box{background:#eef2ff;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;border-left:4px solid #6366f1}.settings-info-title{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.settings-info-list{margin:0;padding-left:1.25rem;color:#4b5563;font-size:.875rem}.settings-info-list li{margin-bottom:.25rem}.settings-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6;margin-top:1.5rem}@media (max-width: 480px){.settings-modal{margin:.5rem;max-height:95vh;border-radius:1rem}.settings-header{padding:1rem 1.25rem}.settings-tabs{padding:.75rem 1rem 0;overflow-x:auto}.settings-tab{padding:.5rem .75rem;font-size:.8rem}.settings-content{padding:1.25rem}.settings-channel{flex-direction:column;align-items:flex-start;gap:.75rem}.settings-test-btn{width:100%}.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}}:root.dark .settings-modal{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .settings-header{border-bottom-color:var(--border-color)}:root.dark .settings-header h2{color:var(--text-primary)}:root.dark .settings-close-btn{color:var(--text-muted)}:root.dark .settings-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}:root.dark .settings-tabs{border-bottom-color:var(--border-color)}:root.dark .settings-tab{color:var(--text-muted)}:root.dark .settings-tab:hover{color:var(--text-secondary)}:root.dark .settings-tab.active{color:var(--primary-400);border-bottom-color:var(--primary-400)}:root.dark .settings-panel-description{color:var(--text-muted)}:root.dark .settings-section-title{color:var(--text-primary)}:root.dark .settings-channel{background:var(--bg-secondary);border-color:var(--border-color)}:root.dark .settings-channel:hover{border-color:var(--border-light);background:var(--bg-hover)}:root.dark .settings-channel-name{color:var(--text-primary)}:root.dark .settings-channel-desc{color:var(--text-muted)}:root.dark .settings-test-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}:root.dark .settings-test-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}:root.dark .settings-label{color:var(--text-secondary)}:root.dark .settings-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .settings-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .settings-input:disabled{background:var(--bg-primary);color:var(--text-muted)}:root.dark .settings-hint{color:var(--text-muted)}:root.dark .settings-info-box{background:#6366f11a;border-left-color:var(--primary-500)}:root.dark .settings-info-title{color:var(--text-primary)}:root.dark .settings-info-list{color:var(--text-secondary)}:root.dark .settings-actions{border-top-color:var(--border-color)}.sessions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:sessionsFadeIn .15s ease-out}@keyframes sessionsFadeIn{0%{opacity:0}to{opacity:1}}.sessions-modal{background:#fff;padding:2rem;border-radius:1.5rem;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:sessionsSlideUp .3s ease-out}@keyframes sessionsSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sessions-modal h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.sessions-modal-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.sessions-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.sessions-message{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;animation:sessionsFadeIn .15s ease-out}.sessions-message.success{background-color:#ecfdf5;color:#047857;border:1px solid #d1fae5}.sessions-message.error{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.sessions-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.session-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:.75rem;border:1px solid #f3f4f6;transition:all .15s ease}.session-item:hover{border-color:#e5e7eb;background:#fff}.session-item.current{border-color:#6366f1;background:#eef2ff}.session-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.625rem;color:#6366f1;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.session-icon svg{width:20px;height:20px}.session-item.current .session-icon{background:#6366f1;color:#fff}.session-info{flex:1;min-width:0}.session-device{font-weight:600;color:#1f2937;font-size:.875rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.session-current-badge{font-size:.625rem;font-weight:600;padding:.125rem .5rem;background:#6366f1;color:#fff;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.session-details{font-size:.75rem;color:#6b7280;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.session-separator{color:#d1d5db}.session-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .15s ease;flex-shrink:0}.session-close-btn:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.session-close-btn:disabled{opacity:.5;cursor:not-allowed}.session-close-btn svg{width:16px;height:16px}.loading-spinner-small{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.sessions-danger-zone{background:#fef2f2;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;border:1px solid #fecaca;text-align:center}.sessions-danger-text{color:#b91c1c;font-size:.875rem;margin-bottom:.75rem}.btn-danger-outline{background:#fff;border:1px solid #dc2626;color:#dc2626;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;cursor:pointer;transition:all .15s ease}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.sessions-info-box{display:flex;align-items:center;gap:.75rem;background:#ecfdf5;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;color:#047857;font-size:.875rem}.sessions-info-box svg{flex-shrink:0;color:#10b981}.sessions-modal-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6}@media (max-width: 480px){.sessions-modal{padding:1.25rem;margin:1rem;max-height:95vh}.session-item{flex-wrap:wrap}.session-close-btn{margin-left:auto}}:root.dark .sessions-modal{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .sessions-modal h2{color:var(--text-primary)}:root.dark .sessions-modal-subtitle{color:var(--text-muted)}:root.dark .session-item{background:var(--bg-secondary);border-color:var(--border-color)}:root.dark .session-item:hover{border-color:var(--border-light);background:var(--bg-hover)}:root.dark .session-item.current{border-color:var(--primary-500);background:#6366f11a}:root.dark .session-icon{background:var(--bg-primary);box-shadow:none}:root.dark .session-item.current .session-icon{background:var(--primary-500)}:root.dark .session-device{color:var(--text-primary)}:root.dark .session-details{color:var(--text-muted)}:root.dark .session-separator{color:var(--border-color)}:root.dark .session-close-btn{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-muted)}:root.dark .session-close-btn:hover:not(:disabled){background:#dc26261a;border-color:#dc2626;color:#ef4444}:root.dark .sessions-danger-zone{background:#dc26261a;border-color:#dc26264d}:root.dark .sessions-danger-text{color:#ef4444}:root.dark .btn-danger-outline{background:var(--bg-primary);border-color:#dc2626;color:#ef4444}:root.dark .btn-danger-outline:hover:not(:disabled){background:#dc2626;color:#fff}:root.dark .sessions-info-box{background:#10b9811a;color:#34d399}:root.dark .sessions-info-box svg{color:#34d399}:root.dark .sessions-modal-actions{border-top-color:var(--border-color)}.twofa-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:twofaFadeIn .15s ease-out}@keyframes twofaFadeIn{0%{opacity:0}to{opacity:1}}.twofa-modal{background:#fff;padding:2rem;border-radius:1.5rem;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:twofaSlideUp .3s ease-out}@keyframes twofaSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.twofa-modal h2{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 .5rem}.twofa-modal-subtitle{color:#6b7280;margin-bottom:1.5rem;font-size:.875rem}.twofa-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.twofa-message{padding:.75rem 1rem;margin-bottom:1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;animation:twofaFadeIn .15s ease-out}.twofa-message.success{background-color:#ecfdf5;color:#047857;border:1px solid #d1fae5}.twofa-message.error{background-color:#fef2f2;color:#b91c1c;border:1px solid #fee2e2}.twofa-status-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:.75rem;margin-bottom:1.5rem}.twofa-status-card.enabled{background:#ecfdf5;border:1px solid #d1fae5}.twofa-status-card.disabled{background:#f9fafb;border:1px solid #e5e7eb}.twofa-status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:.75rem;flex-shrink:0}.twofa-status-card.enabled .twofa-status-icon{background:#10b981;color:#fff}.twofa-status-card.disabled .twofa-status-icon{background:#9ca3af;color:#fff}.twofa-status-icon svg{width:24px;height:24px}.twofa-status-title{font-weight:600;font-size:1rem;margin-bottom:.25rem}.twofa-status-card.enabled .twofa-status-title{color:#047857}.twofa-status-card.disabled .twofa-status-title{color:#374151}.twofa-status-desc{font-size:.875rem;color:#6b7280}.twofa-instructions{margin-bottom:1.5rem}.twofa-instructions h3{font-size:1rem;font-weight:600;color:#111827;margin-bottom:.5rem}.twofa-instructions p{font-size:.875rem;color:#6b7280}.twofa-qr-container{display:flex;justify-content:center;margin-bottom:1.5rem}.twofa-qr{width:200px;height:200px;border:4px solid #f3f4f6;border-radius:.75rem}.twofa-manual-code{text-align:center;margin-bottom:1.5rem}.twofa-manual-code p{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.twofa-secret{display:block;background:#f3f4f6;padding:.75rem 1rem;border-radius:.5rem;font-family:monospace;font-size:.875rem;letter-spacing:.05em;color:#374151;-webkit-user-select:all;user-select:all;word-break:break-all}.twofa-code-input{margin-bottom:1.5rem}.twofa-input{text-align:center;font-size:1.5rem;letter-spacing:.5em;font-family:monospace;padding:1rem}.twofa-warning{display:flex;align-items:center;gap:.75rem;background:#fef3c7;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;color:#92400e;font-size:.875rem}.twofa-warning svg{flex-shrink:0;color:#f59e0b}.twofa-modal .btn-block{width:100%;margin-bottom:.75rem}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-danger-outline{background:#fff;color:#dc2626;border:1px solid #dc2626}.btn-danger-outline:hover:not(:disabled){background:#dc2626;color:#fff}.twofa-modal-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6;margin-top:.5rem}.twofa-modal .form-group{margin-bottom:1rem}.twofa-modal .form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.twofa-modal .form-control{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .15s ease}.twofa-modal .form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}@media (max-width: 480px){.twofa-modal{padding:1.25rem;margin:1rem}.twofa-qr{width:180px;height:180px}}:root.dark .twofa-modal{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .twofa-modal h2{color:var(--text-primary)}:root.dark .twofa-modal-subtitle{color:var(--text-muted)}:root.dark .twofa-status-card.disabled{background:var(--bg-secondary);border-color:var(--border-color)}:root.dark .twofa-status-card.disabled .twofa-status-title{color:var(--text-primary)}:root.dark .twofa-status-desc{color:var(--text-muted)}:root.dark .twofa-instructions h3{color:var(--text-primary)}:root.dark .twofa-instructions p{color:var(--text-muted)}:root.dark .twofa-qr{border-color:var(--border-color)}:root.dark .twofa-manual-code p{color:var(--text-muted)}:root.dark .twofa-secret{background:var(--bg-secondary);color:var(--text-primary)}:root.dark .twofa-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .twofa-warning{background:#f59e0b1a;color:#fbbf24}:root.dark .twofa-modal .form-label{color:var(--text-secondary)}:root.dark .twofa-modal .form-control{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .twofa-modal-actions{border-top-color:var(--border-color)}.audit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audit-modal{background:var(--bg-primary, #ffffff);border-radius:16px;width:95%;max-width:1100px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}[data-theme=dark] .audit-modal{background:#1e1e2e}.audit-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}[data-theme=dark] .audit-header{background:#2a2a3e;border-color:#3a3a4e}.audit-header h2{margin:0;font-size:1.25rem;color:var(--text-primary, #1f2937)}[data-theme=dark] .audit-header h2{color:#e5e7eb}.audit-header .close-btn{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-secondary);padding:0;line-height:1;transition:color .2s}.audit-header .close-btn:hover{color:var(--text-primary)}.audit-tabs{display:flex;gap:0;background:var(--bg-secondary, #f9fafb);border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .audit-tabs{background:#2a2a3e;border-color:#3a3a4e}.audit-tab{padding:.875rem 1.5rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border-bottom:2px solid transparent;transition:all .2s}.audit-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.audit-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.locked-count{background:#ef4444;color:#fff;font-size:.75rem;padding:.125rem .5rem;border-radius:10px;font-weight:600}.audit-filters{display:flex;gap:.75rem;padding:1rem 1.5rem;background:var(--bg-secondary, #f9fafb);flex-wrap:wrap;align-items:center}[data-theme=dark] .audit-filters{background:#2a2a3e}.filter-input{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.875rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.875rem;min-width:180px}.filter-date{padding:.5rem .75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--text-primary, #1f2937);font-size:.875rem}[data-theme=dark] .filter-input,[data-theme=dark] .filter-select,[data-theme=dark] .filter-date{background:#1e1e2e;border-color:#3a3a4e;color:#e5e7eb}.clear-filters-btn{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.clear-filters-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.audit-summary{padding:.5rem 1.5rem;color:var(--text-secondary);font-size:.85rem;border-bottom:1px solid var(--border-color)}.audit-content{flex:1;overflow-y:auto;padding:0;background:var(--bg-primary, #ffffff)}[data-theme=dark] .audit-content{background:#1e1e2e}.loading,.no-logs{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.audit-table{width:100%;border-collapse:collapse}.audit-table th{text-align:left;padding:.75rem 1rem;background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #6b7280);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0;border-bottom:1px solid var(--border-color, #e5e7eb)}.audit-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);color:var(--text-primary, #1f2937);font-size:.875rem}.audit-table tr:hover td{background:var(--bg-secondary, #f9fafb)}[data-theme=dark] .audit-table th{background:#2a2a3e;color:#9ca3af;border-color:#3a3a4e}[data-theme=dark] .audit-table td{color:#e5e7eb;border-color:#3a3a4e}[data-theme=dark] .audit-table tr:hover td{background:#2a2a3e}.date-cell{white-space:nowrap;color:var(--text-secondary)!important;font-size:.8rem!important}.user-cell{font-weight:500}.details-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-cell{font-family:monospace;font-size:.8rem!important;color:var(--text-secondary)!important}.action-badge{display:inline-block;padding:.25rem .625rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-secondary, #f9fafb)}[data-theme=dark] .audit-pagination{background:#2a2a3e;border-color:#3a3a4e}.audit-pagination button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.audit-pagination button:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.audit-pagination button:disabled{opacity:.5;cursor:not-allowed}.audit-pagination span{color:var(--text-secondary);font-size:.875rem}.locked-users-content{padding:1.5rem;flex:1;overflow-y:auto;background:var(--bg-primary, #ffffff)}[data-theme=dark] .locked-users-content{background:#1e1e2e}.no-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.no-locked .check-icon{font-size:3rem;color:#22c55e;margin-bottom:1rem}.locked-users-list{display:flex;flex-direction:column;gap:1rem}.locked-user-card{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;border-left:4px solid #ef4444}[data-theme=dark] .locked-user-card{background:#2a2a3e;border-color:#3a3a4e;border-left-color:#ef4444}.locked-user-info{display:flex;flex-direction:column;gap:.25rem}.locked-user-name{font-weight:600;color:var(--text-primary, #1f2937)}.locked-user-email{color:var(--text-secondary, #6b7280);font-size:.875rem}.locked-user-details{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-tertiary, #9ca3af)}[data-theme=dark] .locked-user-name{color:#e5e7eb}[data-theme=dark] .locked-user-email{color:#9ca3af}[data-theme=dark] .locked-user-details{color:#6b7280}.unlock-btn{padding:.5rem 1.25rem;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;font-size:.875rem;transition:all .2s}.unlock-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media (max-width: 768px){.audit-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.audit-filters{flex-direction:column}.filter-input,.filter-select{width:100%}.audit-table{font-size:.8rem}.audit-table th,.audit-table td{padding:.5rem}.details-cell{max-width:150px}.locked-user-card{flex-direction:column;gap:1rem;align-items:flex-start}.unlock-btn{width:100%}}.admin-notification-modal{background:#fff;border-radius:12px;width:100%;max-width:550px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.admin-notification-modal.dark{background:#1f2937;color:#f3f4f6}.admin-notification-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.admin-notification-modal.dark .modal-header{border-color:#374151}.admin-notification-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.admin-notification-modal .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;line-height:1;padding:4px}.admin-notification-modal .close-btn:hover{color:#1f2937}.admin-notification-modal.dark .close-btn:hover{color:#f3f4f6}.admin-notification-modal form{padding:24px}.admin-notification-modal .form-group{margin-bottom:20px}.admin-notification-modal .form-group label{display:block;font-weight:500;margin-bottom:8px;color:#374151}.admin-notification-modal.dark .form-group label{color:#d1d5db}.admin-notification-modal input[type=text],.admin-notification-modal textarea,.admin-notification-modal select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.admin-notification-modal.dark input[type=text],.admin-notification-modal.dark textarea,.admin-notification-modal.dark select{background:#374151;border-color:#4b5563;color:#f3f4f6}.admin-notification-modal input:focus,.admin-notification-modal textarea:focus,.admin-notification-modal select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.admin-notification-modal textarea{resize:vertical;min-height:100px}.admin-notification-modal .char-count{display:block;text-align:right;font-size:.75rem;color:#9ca3af;margin-top:4px}.type-selector{display:flex;gap:10px}.type-btn{flex:1;padding:12px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.85rem}.admin-notification-modal.dark .type-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.type-btn .type-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.type-btn.informative .type-icon{background:#dbeafe;color:#2563eb}.type-btn.update .type-icon{background:#d1fae5;color:#059669}.type-btn.urgent .type-icon{background:#fee2e2;color:#dc2626}.type-btn.active{border-color:currentColor}.type-btn.informative.active{border-color:#3b82f6;background:#eff6ff}.type-btn.update.active{border-color:#10b981;background:#ecfdf5}.type-btn.urgent.active{border-color:#ef4444;background:#fef2f2}.admin-notification-modal.dark .type-btn.informative.active{background:#3b82f633}.admin-notification-modal.dark .type-btn.update.active{background:#10b98133}.admin-notification-modal.dark .type-btn.urgent.active{background:#ef444433}.recipient-selector{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;transition:background .2s}.admin-notification-modal.dark .radio-option{border-color:#4b5563}.radio-option:hover{background:#f9fafb}.admin-notification-modal.dark .radio-option:hover{background:#374151}.radio-option input[type=radio]{width:18px;height:18px;accent-color:#3b82f6}.qa-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.select-all-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.85rem}.select-all-btn:hover{text-decoration:underline}.qa-checkbox-list{max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;padding:8px}.admin-notification-modal.dark .qa-checkbox-list{border-color:#4b5563}.checkbox-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer}.checkbox-option:hover{background:#f3f4f6}.admin-notification-modal.dark .checkbox-option:hover{background:#374151}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.checkbox-option .qa-email{margin-left:auto;font-size:.8rem;color:#9ca3af}.recipient-summary{background:#f3f4f6;padding:12px 16px;border-radius:8px;text-align:center;margin-bottom:20px;font-size:.9rem;color:#4b5563}.admin-notification-modal.dark .recipient-summary{background:#374151;color:#d1d5db}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e5e7eb}.admin-notification-modal.dark .modal-actions{border-color:#374151}.btn-secondary{padding:10px 20px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;cursor:pointer;font-weight:500;transition:all .2s}.admin-notification-modal.dark .btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.btn-secondary:hover{background:#f3f4f6}.btn-primary{padding:10px 20px;border:none;border-radius:8px;background:#3b82f6;color:#fff;cursor:pointer;font-weight:500;transition:all .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.feature-roadmap{padding:1rem}.feature-roadmap.dark{color:#e5e7eb}.roadmap-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem;background:#f3f4f6;border-radius:8px;border-left:4px solid;min-width:120px}.feature-roadmap.dark .summary-item{background:#374151}.summary-count{font-size:1.75rem;font-weight:700}.summary-label{font-size:.875rem;color:#6b7280}.feature-roadmap.dark .summary-label{color:#9ca3af}.roadmap-timeline{display:flex;flex-direction:column;gap:1.5rem}.timeline-section h4{margin:0 0 1rem;font-size:1.1rem;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.feature-roadmap.dark .timeline-section h4{color:#e5e7eb;border-bottom-color:#4b5563}.timeline-section.backlog h4{color:#6b7280}.month-group{margin-bottom:1.5rem}.month-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#e5e7eb;border-radius:6px;margin-bottom:.75rem}.feature-roadmap.dark .month-header{background:#4b5563}.month-label{font-weight:600;text-transform:capitalize}.month-count{font-size:.875rem;color:#6b7280}.feature-roadmap.dark .month-count{color:#9ca3af}.month-features,.backlog-features{display:flex;flex-direction:column;gap:.5rem}.timeline-feature{padding:.75rem 1rem;background:#fff;border-radius:6px;border-left:4px solid;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.timeline-feature:hover{box-shadow:0 2px 8px #00000026}.feature-roadmap.dark .timeline-feature{background:#1f2937;box-shadow:0 1px 3px #0000004d}.feature-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.priority-icon{font-size:.875rem;cursor:help}.feature-title{font-weight:500;flex:1;min-width:150px}.feature-status{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;color:#fff;font-weight:500}.feature-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font-size:.875rem;color:#6b7280;flex-wrap:wrap}.feature-roadmap.dark .feature-meta{color:#9ca3af}.feature-app{background:#f3f4f6;padding:.125rem .5rem;border-radius:4px}.feature-roadmap.dark .feature-app{background:#374151}.feature-effort{font-weight:500;color:#4b5563}.feature-roadmap.dark .feature-effort{color:#d1d5db}.btn-edit-date,.btn-add-date{background:none;border:1px dashed #9ca3af;padding:.125rem .5rem;border-radius:4px;font-size:.75rem;color:#6b7280;cursor:pointer;transition:all .2s}.btn-edit-date:hover,.btn-add-date:hover{border-color:#3b82f6;color:#3b82f6}.date-editor{display:flex;gap:.5rem;margin-top:.5rem;align-items:center;flex-wrap:wrap}.date-editor input[type=date]{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.feature-roadmap.dark .date-editor input[type=date]{background:#374151;border-color:#4b5563;color:#e5e7eb}.btn-save-date{background:#3b82f6;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer}.btn-save-date:hover:not(:disabled){background:#2563eb}.btn-save-date:disabled{opacity:.5;cursor:not-allowed}.btn-cancel-date{background:none;color:#6b7280;border:1px solid #d1d5db;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;cursor:pointer}.btn-cancel-date:hover{background:#f3f4f6}.feature-roadmap.dark .btn-cancel-date{border-color:#4b5563;color:#9ca3af}.feature-roadmap.dark .btn-cancel-date:hover{background:#374151}.feature-roadmap .empty-state{text-align:center;padding:2rem;color:#6b7280}.feature-roadmap.dark .empty-state{color:#9ca3af}.feature-roadmap .loading-state{text-align:center;padding:2rem;color:#6b7280}.admin-features{padding:0}.admin-features.dark{color:#e0e0e0}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb;padding-bottom:0}.admin-features.dark .view-tabs{border-bottom-color:#374151}.view-tab{padding:.75rem 1.5rem;background:none;border:none;font-size:.95rem;font-weight:500;color:#6b7280;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s}.view-tab:hover{color:#374151}.admin-features.dark .view-tab:hover{color:#e5e7eb}.view-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.admin-features.dark .view-tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 8px #00000014;border-left:4px solid}.admin-features.dark .stat-card{background:#1e1e2e}.stat-card.pending{border-left-color:#6366f1}.stat-card.review{border-left-color:#f59e0b}.stat-card.approved{border-left-color:#22c55e}.stat-card.development{border-left-color:#0ea5e9}.stat-number{display:block;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.85rem;color:#666}.admin-features.dark .stat-label{color:#999}.requests-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.admin-features.dark .requests-section{background:#1e1e2e}.section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.admin-features.dark .section-header{border-bottom-color:#333}.section-header h3{margin:0;font-size:1.1rem}.admin-features.dark .filter-select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.requests-table-container{overflow-x:auto}.requests-table{width:100%;border-collapse:collapse}.requests-table th,.requests-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.admin-features.dark .requests-table th,.admin-features.dark .requests-table td{border-bottom-color:#333}.requests-table th{background:#f9fafb;font-weight:600;font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.admin-features.dark .requests-table th{background:#2a2a3e;color:#999}.requests-table tbody tr:hover{background:#f9fafb}.admin-features.dark .requests-table tbody tr:hover{background:#2a2a3e}.title-cell strong{font-weight:500}.admin-features.dark .badge-priority-low{background:#22c55e33;color:#4ade80}.admin-features.dark .badge-priority-medium{background:#f59e0b33;color:#fbbf24}.admin-features.dark .badge-priority-high{background:#ef444433;color:#f87171}.status-select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:.8rem;cursor:pointer;background:#fff}.admin-features.dark .status-select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.status-select.status-pending{border-color:#6366f1;color:#4f46e5}.status-select.status-under-review{border-color:#f59e0b;color:#d97706}.status-select.status-approved{border-color:#22c55e;color:#16a34a}.status-select.status-rejected{border-color:#ef4444;color:#dc2626}.status-select.status-in-development{border-color:#0ea5e9;color:#0284c7}.status-select.status-completed{border-color:#10b981;color:#059669}.btn-view{padding:6px 12px;background:#f3f4f6;border:1px solid #ddd;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}.admin-features.dark .btn-view{background:#374151;border-color:#4b5563;color:#e0e0e0}.btn-view:hover{background:#e5e7eb}.admin-request-modal{background:#fff;border-radius:12px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.admin-request-modal.dark{background:#1e1e2e;color:#e0e0e0}.admin-request-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.admin-request-modal.dark .modal-header{border-bottom-color:#333}.admin-request-modal .modal-header h2{margin:0;font-size:1.1rem}.admin-request-modal .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.admin-request-modal.dark .close-btn{color:#999}.admin-request-modal .modal-body{padding:24px}.request-info{margin-bottom:24px}.request-info h3{margin:0 0 16px;font-size:1.1rem}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0}.admin-request-modal.dark .info-row{border-bottom-color:#333}.info-label{font-weight:500;color:#666}.admin-request-modal.dark .info-label{color:#999}.detail-section{margin-bottom:20px}.admin-request-modal.dark .detail-section label{color:#999}.detail-content{padding:12px;background:#f9fafb;border-radius:8px;line-height:1.6;white-space:pre-wrap}.admin-request-modal.dark .detail-content{background:#2a2a3e}.response-section{margin-top:24px;padding-top:24px;border-top:2px solid #e0e0e0}.admin-request-modal.dark .response-section{border-top-color:#333}.response-section label{display:block;font-weight:500;margin-bottom:8px}.status-select-large{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;margin-bottom:16px;background:#fff}.admin-request-modal.dark .status-select-large{background:#2a2a3e;border-color:#444;color:#e0e0e0}.response-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;resize:vertical;min-height:100px}.admin-request-modal.dark .response-section textarea{background:#2a2a3e;border-color:#444;color:#e0e0e0}.admin-request-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.admin-request-modal.dark .modal-actions{border-top-color:#333}.btn-secondary,.btn-primary{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary{background:#f3f4f6;border:1px solid #ddd;color:#374151}.admin-features.dark .btn-secondary,.admin-request-modal.dark .btn-secondary{background:#374151;border-color:#4b5563;color:#e0e0e0}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.badge-effort{color:#fff!important;font-weight:600}.no-estimate{color:#9ca3af;font-size:.8rem;font-style:italic}.effort-section{margin-top:24px;padding:20px;background:#f0f9ff;border-radius:12px;border:1px solid #bae6fd}.admin-request-modal.dark .effort-section{background:#1e3a5f;border-color:#2563eb}.effort-section h4{margin:0 0 16px;color:#0369a1;font-size:1rem}.admin-request-modal.dark .effort-section h4{color:#7dd3fc}.current-estimation{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:10px;background:#fff;border-radius:8px}.admin-request-modal.dark .current-estimation{background:#1e293b}.effort-hours{color:#64748b;font-size:.9rem}.effort-form{display:flex;flex-direction:column;gap:12px}.effort-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.effort-field{display:flex;flex-direction:column;gap:6px}.effort-field.full-width{grid-column:span 2}.effort-field label{font-size:.85rem;font-weight:500;color:#475569}.admin-request-modal.dark .effort-field label{color:#94a3b8}.effort-select,.effort-input{padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;background:#fff}.admin-request-modal.dark .effort-select,.admin-request-modal.dark .effort-input{background:#1e293b;border-color:#475569;color:#e2e8f0}.effort-select:focus,.effort-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-estimate{padding:10px 20px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start;margin-top:8px}.btn-estimate:hover:not(:disabled){background:#0284c7}.btn-estimate:disabled{opacity:.6;cursor:not-allowed}.badge-effort-xs{background:#10b981}.badge-effort-s{background:#3b82f6}.badge-effort-m{background:#f59e0b}.badge-effort-l{background:#f97316}.badge-effort-xl{background:#ef4444}@media (max-width: 480px){.effort-row{grid-template-columns:1fr}.effort-field.full-width{grid-column:span 1}}.security-dashboard{padding:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dashboard-header h2{margin:0;font-size:1.5rem;color:#1f2937}.security-dashboard.dark .dashboard-header h2{color:#f3f4f6}.refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;cursor:pointer;transition:all .2s}.security-dashboard.dark .refresh-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}.refresh-btn:hover{background:#e5e7eb}.refresh-btn svg{width:16px;height:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.metric-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.security-dashboard.dark .metric-card{background:#1f2937;border-color:#374151}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.metric-icon svg{width:24px;height:24px}.metric-card.danger .metric-icon{background:#fef2f2;color:#ef4444}.metric-card.success .metric-icon{background:#f0fdf4;color:#22c55e}.metric-card.warning .metric-icon{background:#fffbeb;color:#f59e0b}.metric-card.neutral .metric-icon{background:#f3f4f6;color:#6b7280}.metric-card.info .metric-icon{background:#eff6ff;color:#3b82f6}.security-dashboard.dark .metric-card.danger .metric-icon{background:#ef444426}.security-dashboard.dark .metric-card.success .metric-icon{background:#22c55e26}.security-dashboard.dark .metric-card.warning .metric-icon{background:#f59e0b26}.security-dashboard.dark .metric-card.neutral .metric-icon{background:#6b728026}.security-dashboard.dark .metric-card.info .metric-icon{background:#3b82f626}.metric-content{display:flex;flex-direction:column}.metric-value{font-size:1.75rem;font-weight:700;color:#1f2937;line-height:1}.security-dashboard.dark .metric-value{color:#f3f4f6}.metric-label{font-size:.875rem;color:#6b7280;margin-top:4px}.metric-secondary{font-size:.75rem;color:#9ca3af;margin-top:2px}.security-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.stat-section{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.security-dashboard.dark .stat-section{background:#1f2937;border-color:#374151}.stat-section h3{margin:0 0 16px;font-size:1rem;color:#374151}.security-dashboard.dark .stat-section h3{color:#e5e7eb}.twofa-progress{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:12px}.security-dashboard.dark .twofa-progress{background:#374151}.twofa-bar{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:6px;transition:width .5s ease}.twofa-info{display:flex;justify-content:space-between;align-items:center}.twofa-percentage{font-size:1.5rem;font-weight:700;color:#22c55e}.twofa-detail{font-size:.875rem;color:#6b7280}.activity-badges{display:flex;gap:16px}.activity-badge{flex:1;padding:12px;background:#f9fafb;border-radius:8px;text-align:center}.security-dashboard.dark .activity-badge{background:#374151}.badge-value{display:block;font-size:1.5rem;font-weight:700;color:#3b82f6}.badge-label{font-size:.75rem;color:#6b7280}.chart-section{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.security-dashboard.dark .chart-section{background:#1f2937;border-color:#374151}.chart-section h3{margin:0 0 16px;font-size:1rem;color:#374151}.security-dashboard.dark .chart-section h3{color:#e5e7eb}.login-chart{display:flex;align-items:flex-end;height:120px;gap:4px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.security-dashboard.dark .login-chart{border-color:#374151}.chart-bar-group{flex:1;display:flex;flex-direction:column;align-items:center}.chart-bars{display:flex;gap:2px;height:100px;align-items:flex-end}.chart-bar{width:8px;min-height:2px;border-radius:2px 2px 0 0;transition:height .3s ease}.chart-bar.success{background:#22c55e}.chart-bar.failed{background:#ef4444}.chart-label{font-size:.6rem;color:#9ca3af;margin-top:4px}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6b7280}.legend-dot{width:10px;height:10px;border-radius:2px}.legend-item.success .legend-dot{background:#22c55e}.legend-item.failed .legend-dot{background:#ef4444}.suspicious-section{padding:20px;background:#fef2f2;border-radius:12px;border:1px solid #fecaca;margin-bottom:24px}.security-dashboard.dark .suspicious-section{background:#ef44441a;border-color:#ef44444d}.suspicious-section h3{margin:0 0 4px;font-size:1rem;color:#dc2626}.section-description{margin:0 0 16px;font-size:.8rem;color:#9ca3af}.suspicious-list{display:flex;flex-direction:column;gap:8px}.suspicious-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:8px}.security-dashboard.dark .suspicious-item{background:#1f2937}.suspicious-info{display:flex;flex-direction:column}.suspicious-email{font-weight:500;color:#1f2937}.security-dashboard.dark .suspicious-email{color:#f3f4f6}.suspicious-meta{font-size:.75rem;color:#6b7280}.suspicious-count{font-size:1.25rem;font-weight:700;color:#dc2626;background:#fef2f2;padding:4px 12px;border-radius:9999px}.events-section{padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.security-dashboard.dark .events-section{background:#1f2937;border-color:#374151}.events-section h3{margin:0 0 16px;font-size:1rem;color:#374151}.security-dashboard.dark .events-section h3{color:#e5e7eb}.events-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.event-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:8px}.security-dashboard.dark .event-item{background:#374151}.event-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.event-icon.danger{background:#fef2f2;color:#dc2626}.event-icon.info{background:#eff6ff;color:#3b82f6}.security-dashboard.dark .event-icon.danger{background:#dc262626}.security-dashboard.dark .event-icon.info{background:#3b82f626}.event-content{flex:1;min-width:0}.event-action{display:block;font-weight:500;color:#1f2937}.security-dashboard.dark .event-action{color:#f3f4f6}.event-details{display:flex;flex-wrap:wrap;gap:8px;font-size:.75rem;color:#6b7280;margin-top:2px}.event-user{font-weight:500}.event-ip{opacity:.7}.event-time{font-size:.75rem;color:#9ca3af;white-space:nowrap}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.error-state p{color:#dc2626;margin-bottom:16px}.error-state button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr 1fr}.chart-bar{width:6px}.chart-label{font-size:.5rem}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.activity-badges{flex-direction:column}}.health-check-info{background:#fff;border-radius:var(--radius-xl, 12px);padding:1.5rem;border:1px solid #e5e7eb}.health-check-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.health-check-description{font-size:.9375rem;color:#4b5563;line-height:1.6;margin:0 0 1.25rem}.inline-code{background-color:#f3f4f6;color:#e11d48;padding:.125rem .375rem;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem}.health-check-section{margin-top:1rem}.health-check-subtitle{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.health-check-info .code-block{background-color:#282c34;color:#abb2bf;border-radius:8px;padding:1rem 1.25rem;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-lg);background:var(--gray-100);color:var(--gray-600);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle:hover{background:var(--gray-200);color:var(--gray-800);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center}:root.dark .theme-toggle{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}:root.dark .theme-toggle:hover{background:var(--bg-hover);color:var(--primary-400);border-color:var(--primary-500)}.notification-bell-container{position:relative}.notification-bell-button{position:relative;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border:none;padding:8px;cursor:pointer;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s}.notification-bell-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f166}.notification-bell-container.dark .notification-bell-button{color:#fff}.notification-bell-container.dark .notification-bell-button:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f180}.notification-badge{position:absolute;top:-2px;right:-2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 4px #ef444466;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.connection-indicator{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;border:2px solid white}.notification-bell-container.dark .connection-indicator{border-color:#1f2937}.connection-indicator.connected{background-color:#10b981;box-shadow:0 0 6px #10b98199}.connection-indicator.disconnected{background-color:#6b7280}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:520px;background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-bell-container.dark .notification-dropdown{background-color:#1e293b;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#fafafa,#fff)}.notification-bell-container.dark .notification-header{border-bottom-color:#374151;background:linear-gradient(to bottom,#1e293b,#1e293b)}.notification-header-title{display:flex;align-items:center;gap:10px}.notification-header h4{margin:0;font-size:16px;font-weight:700;color:#1f2937;letter-spacing:-.02em}.notification-bell-container.dark .notification-header h4{color:#f1f5f9}.unread-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px}.notification-actions{display:flex;gap:4px}.action-btn{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-btn:hover{background-color:#f3f4f6}.notification-bell-container.dark .action-btn:hover{background-color:#374151}.action-icon{width:18px;height:18px;display:flex;color:#6b7280}.action-icon svg{width:100%;height:100%}.action-btn:hover .action-icon{color:#3b82f6}.action-btn-danger:hover .action-icon{color:#ef4444}.notification-list{max-height:440px;overflow-y:auto;padding:8px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:transparent}.notification-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.notification-bell-container.dark .notification-list::-webkit-scrollbar-thumb{background:#4b5563}.no-notifications{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.no-notifications-icon{width:56px;height:56px;color:#d1d5db;margin-bottom:16px}.no-notifications-icon svg{width:100%;height:100%}.notification-bell-container.dark .no-notifications-icon{color:#4b5563}.no-notifications-title{margin:0 0 4px;font-size:15px;font-weight:600;color:#374151}.notification-bell-container.dark .no-notifications-title{color:#e2e8f0}.no-notifications-subtitle{margin:0;font-size:13px;color:#9ca3af}.notification-card{position:relative;display:flex;gap:12px;padding:14px 16px;margin-bottom:6px;border-radius:12px;cursor:pointer;transition:all .2s ease;background-color:#fff;border:1px solid transparent}.notification-bell-container.dark .notification-card{background-color:#1e293b}.notification-card:hover{background-color:#f9fafb;border-color:#e5e7eb;transform:translate(2px)}.notification-bell-container.dark .notification-card:hover{background-color:#334155;border-color:#475569}.notification-card.unread{background-color:var(--accent-bg, #eff6ff)}.notification-bell-container.dark .notification-card.unread{background-color:#6366f126}.notification-card-indicator{position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background-color:var(--accent-color, #6366f1);opacity:0;transition:opacity .2s}.notification-card.unread .notification-card-indicator{opacity:1}.notification-card-icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background-color:var(--accent-bg, #eef2ff);color:var(--accent-color, #6366f1);display:flex;align-items:center;justify-content:center;transition:transform .2s}.notification-card-icon svg{width:18px;height:18px}.notification-card:hover .notification-card-icon{transform:scale(1.05)}.notification-card-content{flex:1;min-width:0}.notification-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notification-type-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--accent-color, #6366f1)}.notification-card-time{font-size:11px;color:#9ca3af;font-weight:500}.notification-bell-container.dark .notification-card-time{color:#64748b}.notification-card-title{margin:0 0 2px;font-size:13px;font-weight:600;color:#1f2937;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bell-container.dark .notification-card-title{color:#f1f5f9}.notification-card-message{margin:4px 0 0;font-size:12px;color:#6b7280;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-bell-container.dark .notification-card-message{color:#94a3b8}.notification-unread-dot{position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background-color:var(--accent-color, #6366f1);box-shadow:0 0 0 3px var(--accent-bg, #eef2ff);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.notification-bell-container.dark .notification-unread-dot{box-shadow:0 0 0 3px #6366f133}.dashboard{min-height:100vh;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%)}.dashboard-header{background:#fff;padding:var(--spacing-4) var(--spacing-6);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--gray-100)}.dashboard-brand{display:flex;align-items:center;gap:var(--spacing-4)}.dashboard-logo svg{width:44px;height:44px;transition:transform var(--transition-normal)}.dashboard-logo:hover svg{transform:scale(1.05)}.dashboard-title-group{display:flex;flex-direction:column}.dashboard-header h1{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--gray-900);line-height:1.2}.dashboard-subtitle{font-size:var(--text-sm);color:var(--gray-500)}.victalejo-mark{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.user-info{display:flex;align-items:center;gap:var(--spacing-3)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base)}.user-name{font-weight:500;color:var(--gray-700);display:none}@media (min-width: 768px){.user-name{display:block}}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full)}.send-notification-btn{background:linear-gradient(135deg,#10b981,#059669)}.send-notification-btn:hover{box-shadow:0 4px 15px #10b98166}.tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);background:#fff;padding:var(--spacing-2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow-x:auto}.tab{padding:var(--spacing-3) var(--spacing-6);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;font-weight:600;font-size:var(--text-sm);color:var(--gray-600);transition:all var(--transition-normal);white-space:nowrap}.tab:hover{background:var(--gray-100);color:var(--gray-800)}.tab.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.tab-content{animation:fadeIn var(--transition-slow) ease-out}.stats-divider{height:2px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:3rem 0}.tab-content .card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-100)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--gray-100)}.card-header h2{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin:0}.tab-content .table{border-radius:var(--radius-lg);overflow:hidden}.tab-content .table th{background:var(--gray-50);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);padding:var(--spacing-4)}.tab-content .table td{padding:var(--spacing-4);vertical-align:middle}.tab-content .table tbody tr{transition:all var(--transition-fast)}.tab-content .table tbody tr:hover{background:var(--primary-50)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-info{background:linear-gradient(135deg,var(--info-500),var(--info-600));color:#fff;border:none}.btn-info:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:fadeIn var(--transition-fast) ease-out}.modal{background:#fff;padding:var(--spacing-8);border-radius:var(--radius-2xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-2xl);animation:slideUp var(--transition-slow) ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal h2{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-6)}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px solid var(--gray-100)}.form-text{display:block;margin-top:var(--spacing-1);font-size:var(--text-xs);color:var(--gray-500)}.tab-content select.form-control{min-width:140px;height:36px;font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-3)}.empty-state{text-align:center;padding:var(--spacing-12);color:var(--gray-500)}.empty-state svg{width:64px;height:64px;margin-bottom:var(--spacing-4);color:var(--gray-300)}@media (max-width: 768px){.dashboard-header{padding:var(--spacing-3) var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-3)}.dashboard-brand{flex:1}.dashboard-title-group h1{font-size:var(--text-lg)}.dashboard-subtitle{display:none}.tabs{padding:var(--spacing-1)}.tab{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-xs)}.tab-content .card{padding:var(--spacing-4)}.card-header{flex-direction:column;gap:var(--spacing-3);align-items:stretch}.card-header .btn{width:100%}.tab-content .table{font-size:var(--text-sm)}.tab-content .table th,.tab-content .table td{padding:var(--spacing-2)}.modal{padding:var(--spacing-5);margin:var(--spacing-4)}}.dashboard-footer{text-align:center;padding:var(--spacing-6);color:var(--gray-500);font-size:var(--text-sm)}.dashboard-footer .victalejo-mark{font-weight:600}:root.dark .dashboard{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}:root.dark .dashboard-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}:root.dark .dashboard-header h1{color:var(--text-primary)}:root.dark .dashboard-subtitle{color:var(--text-muted)}:root.dark .user-name{color:var(--text-primary)}:root.dark .tabs{background:var(--bg-secondary);border:1px solid var(--border-color)}:root.dark .tab{color:var(--text-secondary)}:root.dark .tab:hover{background:var(--bg-hover);color:var(--text-primary)}:root.dark .tab-content .card{background:var(--bg-card);border-color:var(--border-color)}:root.dark .card-header h2{color:var(--text-primary)}:root.dark .tab-content .table th{background:var(--bg-primary);color:var(--text-secondary)}:root.dark .tab-content .table tbody tr:hover{background:var(--bg-hover)}:root.dark .modal-overlay{background:#000c}:root.dark .modal{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .modal h2{color:var(--text-primary)}:root.dark .modal-actions{border-top-color:var(--border-color)}:root.dark .form-text{color:var(--text-muted)}:root.dark .empty-state{color:var(--text-muted)}:root.dark .empty-state svg{color:var(--text-muted)}:root.dark .dashboard-footer{color:var(--text-muted)}.bug-counts-cell{min-width:120px}.bug-counts{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.bug-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:600;border-radius:12px;color:#fff}.bug-count.total{background:#6b7280}.bug-count.open{background:#ef4444}.bug-count.in-progress{background:#f59e0b}.bug-count.pending-test{background:#8b5cf6}.bug-count.resolved{background:#10b981}.no-bugs{color:var(--gray-400);font-style:italic}:root.dark .bug-count.total{background:#4b5563}:root.dark .no-bugs{color:var(--text-muted)}.step-indicator{width:100%;margin-bottom:var(--spacing-8)}.step-indicator-header{text-align:center;margin-bottom:var(--spacing-4)}.step-counter{font-size:var(--text-sm);color:var(--gray-500);font-weight:500}.step-indicator-progress{width:100%;height:6px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-8)}.step-indicator-progress-bar{height:100%;background:var(--gradient-primary);transition:width var(--transition-slow);border-radius:var(--radius-full)}.step-indicator-steps{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-2)}.step-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.step-number{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-base);background-color:var(--gray-100);color:var(--gray-500);margin-bottom:var(--spacing-2);transition:all var(--transition-normal);border:3px solid transparent}.step-item.active .step-number{background:var(--gradient-primary);color:#fff;border-color:var(--primary-200);box-shadow:var(--shadow-glow);transform:scale(1.05)}.step-item.completed .step-number{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff;border-color:var(--success-100)}.step-check{width:20px;height:20px;stroke-width:3}.step-title{font-size:var(--text-xs);color:var(--gray-500);font-weight:500;line-height:1.3;max-width:100px}.step-item.active .step-title{color:var(--primary-600);font-weight:600}.step-item.completed .step-title{color:var(--success-600)}.step-item:not(:last-child):after{content:"";position:absolute;top:22px;left:calc(50% + 30px);right:calc(-50% + 30px);height:3px;background-color:var(--gray-200);z-index:-1}.step-item.completed:not(:last-child):after{background:var(--gradient-primary)}@media (max-width: 768px){.step-indicator-steps{flex-wrap:nowrap;overflow-x:auto;gap:var(--spacing-4);padding-bottom:var(--spacing-2)}.step-item{min-width:70px}.step-title{font-size:.65rem;max-width:70px}.step-number{width:36px;height:36px;font-size:var(--text-sm)}.step-item:not(:last-child):after{display:none}}:root.dark .step-counter{color:var(--text-muted)}:root.dark .step-indicator-progress{background-color:var(--bg-hover)}:root.dark .step-number{background-color:var(--bg-secondary);color:var(--text-muted)}:root.dark .step-title{color:var(--text-muted)}:root.dark .step-item:not(:last-child):after{background-color:var(--border-color)}.image-uploader{width:100%}.image-uploader-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem 1rem;margin-bottom:1rem;font-size:.875rem}.image-uploader-dropzone{border:2px dashed #dee2e6;border-radius:8px;padding:2rem;text-align:center;background-color:#f8f9fa;transition:all .3s ease;cursor:pointer}.image-uploader-dropzone:hover{border-color:#4a90e2;background-color:#e7f3ff}.image-uploader-dropzone.active{border-color:#4a90e2;background-color:#e7f3ff;border-style:solid}.image-uploader-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.image-uploader-icon{width:48px;height:48px;color:#6c757d;margin-bottom:.5rem}.image-uploader-text{margin:0;color:#495057;font-size:1rem;font-weight:500}.image-uploader-button{background-color:#4a90e2;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.image-uploader-button:hover{background-color:#357abd}.image-uploader-hint{margin:0;color:#6c757d;font-size:.75rem}.image-uploader-preview{margin-top:1.5rem}.image-uploader-preview h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#495057}.image-uploader-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-preview-item{position:relative;border-radius:8px;overflow:hidden;background-color:#f8f9fa;border:1px solid #dee2e6;transition:transform .2s ease,box-shadow .2s ease}.image-preview-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-preview-item.uploaded{border-color:#28a745}.image-preview-item img{width:100%;height:150px;object-fit:cover;display:block}.image-preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview-item:hover .image-preview-overlay{opacity:1}.image-preview-item.uploaded .image-preview-overlay{opacity:1;background:#28a74533}.image-preview-label{background-color:#28a745;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.image-preview-remove{background-color:#dc3545;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,transform .2s ease;padding:0}.image-preview-remove:hover{background-color:#c82333;transform:scale(1.1)}.image-preview-remove svg{width:20px;height:20px}.image-preview-info{padding:.5rem;background-color:#fff;display:flex;flex-direction:column;gap:.25rem}.image-preview-name{font-size:.75rem;color:#495057;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-size{font-size:.7rem;color:#6c757d}@media (max-width: 768px){.image-uploader-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.image-preview-item img{height:120px}.image-uploader-dropzone{padding:1.5rem 1rem}.image-uploader-icon{width:36px;height:36px}}:root.dark .image-uploader-dropzone{border-color:var(--border-color);background-color:var(--bg-secondary)}:root.dark .image-uploader-dropzone:hover{border-color:var(--primary-500);background-color:#6366f11a}:root.dark .image-uploader-dropzone.active{border-color:var(--primary-500);background-color:#6366f11a}:root.dark .image-uploader-icon{color:var(--text-muted)}:root.dark .image-uploader-text{color:var(--text-secondary)}:root.dark .image-uploader-hint{color:var(--text-muted)}:root.dark .image-uploader-preview h4{color:var(--text-secondary)}:root.dark .image-preview-item{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .image-preview-item:hover{box-shadow:0 4px 12px #0000004d}:root.dark .image-preview-item.uploaded{border-color:var(--success-500)}:root.dark .image-preview-info{background-color:var(--bg-primary)}:root.dark .image-preview-name{color:var(--text-primary)}:root.dark .image-preview-size{color:var(--text-muted)}.wizard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);overflow-y:auto}.wizard-container{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:slideIn var(--transition-slow) ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef}.wizard-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.wizard-title{margin:0;font-size:1.5rem;font-weight:600;color:#212529}.save-status{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px}.save-status svg{width:14px;height:14px}.save-status-saving{background-color:#e0f2fe;color:#0369a1}.save-status-saved{background-color:#dcfce7;color:#15803d}.save-status-error{background-color:#fef2f2;color:#dc2626}.save-spinner{width:12px;height:12px;border:2px solid rgba(3,105,161,.3);border-top-color:#0369a1;border-radius:50%;animation:spin .8s linear infinite}.wizard-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.wizard-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.wizard-loading-spinner{width:40px;height:40px;border:3px solid #e9ecef;border-top-color:#4a90e2;border-radius:50%;animation:spin .8s linear infinite}.wizard-loading-content p{margin:0;color:#6c757d;font-size:.9375rem}.wizard-close{background:none;border:none;cursor:pointer;padding:.5rem;color:#6c757d;transition:all .2s ease;border-radius:4px}.wizard-close:hover{background-color:#f8f9fa;color:#dc3545}.wizard-close svg{width:24px;height:24px}.wizard-body{flex:1;overflow-y:auto;padding:2rem}.wizard-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.wizard-content{animation:fadeIn .3s ease}.wizard-footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-top:1px solid #e9ecef;background-color:#f8f9fa}.wizard-footer-right{display:flex;gap:1rem}.wizard-button{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;gap:.5rem}.wizard-button:disabled{opacity:.6;cursor:not-allowed}.wizard-button-secondary{background-color:#6c757d;color:#fff}.wizard-button-secondary:hover:not(:disabled){background-color:#5a6268}.wizard-button-primary{background:var(--gradient-primary);color:#fff}.wizard-button-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.wizard-button-success{background-color:#28a745;color:#fff}.wizard-button-success:hover:not(:disabled){background-color:#218838}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.wizard-step{max-width:700px;margin:0 auto}.wizard-step-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#212529}.wizard-step-description{margin:0 0 2rem;font-size:1rem;color:#6c757d;line-height:1.5}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:600;color:#495057;font-size:.9375rem}.required{color:#dc3545;margin-left:.25rem}.optional-badge{display:inline-block;background-color:#e9ecef;color:#6c757d;font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem}.form-control{width:100%;padding:.75rem 1rem;border:1px solid #ced4da;border-radius:6px;font-size:1rem;color:#495057;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-control:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-control::placeholder{color:#adb5bd}textarea.form-control{resize:vertical;min-height:100px;font-family:inherit}.code-input{font-family:Consolas,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.form-hint{display:block;margin-top:.5rem;font-size:.875rem;color:#6c757d}.form-hint strong{color:#495057}.comparison-info{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:1rem}.comparison-icon svg{width:24px;height:24px;color:#856404}.comparison-text{margin:0;font-size:.875rem;color:#856404;line-height:1.5}.info-box{display:flex;gap:1rem;padding:1rem 1.25rem;background-color:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;margin-top:1.5rem}.info-icon svg{width:24px;height:24px;color:#0c5460;flex-shrink:0}.info-content{font-size:.875rem;color:#0c5460;line-height:1.6}.tips-box{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.tips-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.tips-icon{width:20px;height:20px;color:#4a90e2}.tips-list{margin:0;padding-left:1.5rem}.tips-list li{margin-bottom:.75rem;color:#495057;font-size:.875rem;line-height:1.6}.tips-list li:last-child{margin-bottom:0}.tips-list strong{color:#212529;font-weight:600}.severity-indicator{margin-top:.75rem;padding:.5rem 1rem;border-radius:6px;color:#fff;font-weight:600;text-align:center;font-size:.875rem}.review-summary{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem;margin-top:1.5rem}.review-summary-title{margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;color:#212529;padding-bottom:.75rem;border-bottom:2px solid #dee2e6}.review-item{display:grid;grid-template-columns:180px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #e9ecef}.review-item:last-child{border-bottom:none}.review-label{font-weight:600;color:#495057;font-size:.875rem}.review-value{color:#212529;font-size:.875rem;word-break:break-word}.preview-text{white-space:pre-wrap;max-height:100px;overflow-y:auto;background-color:#fff;padding:.5rem;border-radius:4px;font-size:.8125rem;line-height:1.5}.preview-code{white-space:pre-wrap;max-height:150px;overflow-y:auto;background-color:#282c34;color:#abb2bf;padding:.75rem;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.75rem;line-height:1.6}.severity-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;color:#fff;font-weight:600;font-size:.75rem;text-transform:uppercase}.final-message{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-top:1.5rem}.final-icon svg{width:32px;height:32px;color:#155724;flex-shrink:0}.final-content{flex:1}.final-content strong{display:block;font-size:1rem;color:#155724;margin-bottom:.25rem}.final-content p{margin:0;font-size:.875rem;color:#155724;line-height:1.5}@media (max-width: 768px){.wizard-container{max-height:95vh;max-width:100%;margin:0;border-radius:0}.wizard-header,.wizard-footer{padding:1rem 1.5rem}.wizard-body{padding:1.5rem}.wizard-title{font-size:1.25rem}.wizard-step-title{font-size:1.5rem}.review-item{grid-template-columns:1fr;gap:.5rem}.wizard-footer{flex-direction:column-reverse;gap:.75rem}.wizard-footer-right{width:100%}.wizard-button{width:100%;justify-content:center}}:root.dark .wizard-container{background:var(--bg-card);border:1px solid var(--border-color)}:root.dark .wizard-header{border-bottom-color:var(--border-color)}:root.dark .wizard-title{color:var(--text-primary)}:root.dark .wizard-close{color:var(--text-secondary)}:root.dark .wizard-close:hover{background-color:var(--bg-hover);color:var(--error-500)}:root.dark .wizard-footer{background-color:var(--bg-secondary);border-top-color:var(--border-color)}:root.dark .wizard-step-title{color:var(--text-primary)}:root.dark .wizard-step-description{color:var(--text-muted)}:root.dark .form-label{color:var(--text-secondary)}:root.dark .optional-badge{background-color:var(--bg-hover);color:var(--text-muted)}:root.dark .form-control{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .form-hint{color:var(--text-muted)}:root.dark .form-hint strong{color:var(--text-secondary)}:root.dark .tips-box{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .tips-title{color:var(--text-secondary)}:root.dark .tips-list li{color:var(--text-secondary)}:root.dark .tips-list strong{color:var(--text-primary)}:root.dark .review-summary{background-color:var(--bg-secondary);border-color:var(--border-color)}:root.dark .review-summary-title{color:var(--text-primary);border-bottom-color:var(--border-color)}:root.dark .review-item{border-bottom-color:var(--border-color)}:root.dark .review-label{color:var(--text-secondary)}:root.dark .review-value{color:var(--text-primary)}:root.dark .preview-text{background-color:var(--bg-primary)}:root.dark .comparison-info{background-color:#f59e0b26;border-color:#f59e0b4d}:root.dark .comparison-icon svg,:root.dark .comparison-text{color:var(--warning-500)}:root.dark .info-box{background-color:#3b82f626;border-color:#3b82f64d}:root.dark .info-icon svg,:root.dark .info-content{color:var(--info-500)}:root.dark .final-message{background-color:#10b98126;border-color:#10b9814d}:root.dark .final-icon svg,:root.dark .final-content strong,:root.dark .final-content p{color:var(--success-500)}:root.dark .save-status-saving{background-color:#0369a133;color:#38bdf8}:root.dark .save-status-saved{background-color:#15803d33;color:#4ade80}:root.dark .save-status-error{background-color:#dc262633;color:#f87171}:root.dark .save-spinner{border-color:#38bdf84d;border-top-color:#38bdf8}:root.dark .wizard-loading-spinner{border-color:var(--border-color);border-top-color:var(--primary-500)}:root.dark .wizard-loading-content p{color:var(--text-muted)}.feature-request-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.feature-request-modal.dark{background:#1e1e2e;color:#e0e0e0}.feature-request-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.feature-request-modal.dark .modal-header{border-bottom-color:#333}.feature-request-modal .modal-header h2{margin:0;font-size:1.25rem;font-weight:600}.feature-request-modal .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;line-height:1}.feature-request-modal.dark .close-btn{color:#999}.feature-request-modal form{padding:24px}.feature-request-modal .form-group{margin-bottom:20px}.feature-request-modal .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.feature-request-modal.dark .form-group label{color:#e0e0e0}.feature-request-modal input[type=text],.feature-request-modal textarea,.feature-request-modal select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.feature-request-modal.dark input[type=text],.feature-request-modal.dark textarea,.feature-request-modal.dark select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.feature-request-modal input:focus,.feature-request-modal textarea:focus,.feature-request-modal select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.feature-request-modal textarea{resize:vertical;min-height:80px}.feature-request-modal .char-count{display:block;text-align:right;font-size:.75rem;color:#999;margin-top:4px}.priority-selector{display:flex;gap:10px}.priority-btn{flex:1;padding:10px 16px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-weight:500;transition:all .2s}.feature-request-modal.dark .priority-btn{background:#2a2a3e;border-color:#444;color:#e0e0e0}.priority-btn:hover{border-color:#999}.priority-btn.low.active{background:#dcfce7;border-color:#22c55e;color:#166534}.feature-request-modal.dark .priority-btn.low.active{background:#22c55e33;color:#4ade80}.priority-btn.medium.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.feature-request-modal.dark .priority-btn.medium.active{background:#f59e0b33;color:#fbbf24}.priority-btn.high.active{background:#fee2e2;border-color:#ef4444;color:#991b1b}.feature-request-modal.dark .priority-btn.high.active{background:#ef444433;color:#f87171}.feature-request-modal .alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.feature-request-modal .alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.feature-request-modal.dark .alert-error{background:#ef444426;border-color:#ef44444d;color:#f87171}.feature-request-modal .alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.feature-request-modal.dark .alert-success{background:#22c55e26;border-color:#22c55e4d;color:#4ade80}.feature-request-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0;margin-top:24px}.feature-request-modal.dark .modal-actions{border-top-color:#333}.feature-request-modal .btn-secondary,.feature-request-modal .btn-primary{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.feature-request-modal .btn-secondary{background:#f3f4f6;border:1px solid #ddd;color:#374151}.feature-request-modal.dark .btn-secondary{background:#374151;border-color:#4b5563;color:#e0e0e0}.feature-request-modal .btn-secondary:hover{background:#e5e7eb}.feature-request-modal .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.feature-request-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.feature-request-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.feature-list-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.feature-list-card.dark{background:#1e1e2e;color:#e0e0e0}.feature-list-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.feature-list-card.dark .feature-list-header{border-bottom-color:#333}.feature-list-header h2{margin:0;font-size:1.1rem;font-weight:600}.header-actions{display:flex;gap:12px;align-items:center}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#fff}.feature-list-card.dark .filter-select{background:#2a2a3e;border-color:#444;color:#e0e0e0}.btn-new-request{padding:8px 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s}.btn-new-request:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.loading-state,.empty-state{padding:48px 24px;text-align:center;color:#666}.feature-list-card.dark .loading-state,.feature-list-card.dark .empty-state{color:#999}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{margin-bottom:16px}.empty-state .btn-primary{padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;cursor:pointer}.requests-list{padding:16px}.request-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-radius:8px;margin-bottom:8px;background:#f9fafb;cursor:pointer;transition:all .2s}.feature-list-card.dark .request-item{background:#2a2a3e}.request-item:hover{background:#f3f4f6;transform:translate(4px)}.feature-list-card.dark .request-item:hover{background:#333}.request-main h3{margin:0 0 4px;font-size:.95rem;font-weight:500}.request-app{margin:0;font-size:.8rem;color:#666}.feature-list-card.dark .request-app{color:#999}.request-meta{display:flex;align-items:center;gap:8px}.request-date{font-size:.8rem;color:#999}.badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.badge-priority-low{background:#dcfce7;color:#166534}.feature-list-card.dark .badge-priority-low{background:#22c55e33;color:#4ade80}.badge-priority-medium{background:#fef3c7;color:#92400e}.feature-list-card.dark .badge-priority-medium{background:#f59e0b33;color:#fbbf24}.badge-priority-high{background:#fee2e2;color:#991b1b}.feature-list-card.dark .badge-priority-high{background:#ef444433;color:#f87171}.badge-status-pending{background:#e0e7ff;color:#3730a3}.feature-list-card.dark .badge-status-pending{background:#6366f133;color:#a5b4fc}.badge-status-under-review{background:#fef3c7;color:#92400e}.feature-list-card.dark .badge-status-under-review{background:#f59e0b33;color:#fbbf24}.badge-status-approved{background:#dcfce7;color:#166534}.feature-list-card.dark .badge-status-approved{background:#22c55e33;color:#4ade80}.badge-status-rejected{background:#fee2e2;color:#991b1b}.feature-list-card.dark .badge-status-rejected{background:#ef444433;color:#f87171}.badge-status-in-development{background:#e0f2fe;color:#0369a1}.feature-list-card.dark .badge-status-in-development{background:#0ea5e933;color:#38bdf8}.badge-status-completed{background:#d1fae5;color:#065f46}.feature-list-card.dark .badge-status-completed{background:#10b98133;color:#34d399}.request-detail-modal{background:#fff;border-radius:12px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.request-detail-modal.dark{background:#1e1e2e;color:#e0e0e0}.request-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.request-detail-modal.dark .modal-header{border-bottom-color:#333}.request-detail-modal .modal-header h2{margin:0;font-size:1.1rem}.request-detail-modal .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.request-detail-modal.dark .close-btn{color:#999}.request-detail-modal .modal-body{padding:24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.request-detail-modal.dark .detail-row{border-bottom-color:#333}.detail-row label{font-weight:500;color:#666}.request-detail-modal.dark .detail-row label{color:#999}.detail-section{margin-top:20px}.detail-section label{display:block;font-weight:500;color:#666;margin-bottom:8px}.request-detail-modal.dark .detail-section label{color:#999}.detail-section p{margin:0;padding:12px;background:#f9fafb;border-radius:8px;line-height:1.6}.request-detail-modal.dark .detail-section p{background:#2a2a3e}.admin-response{margin-top:24px;padding:16px;background:#f0f9ff;border-radius:8px;border-left:4px solid #0ea5e9}.request-detail-modal.dark .admin-response{background:#0ea5e91a}.admin-response label{display:block;font-weight:600;color:#0369a1;margin-bottom:8px}.request-detail-modal.dark .admin-response label{color:#38bdf8}.admin-response p{margin:0 0 8px}.admin-response .responder{font-size:.85rem;color:#666;font-style:italic}.request-detail-modal.dark .admin-response .responder{color:#999}.share-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.share-modal{background:var(--bg-primary, #ffffff);border-radius:16px;width:100%;max-width:480px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.share-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.share-modal-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0}.share-modal-close{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-tertiary, #9ca3af);border-radius:8px;transition:all .15s ease}.share-modal-close:hover{background:var(--bg-tertiary, #f3f4f6);color:var(--text-primary, #1f2937)}.share-modal-close svg{width:20px;height:20px}.share-modal-body{padding:1.5rem;overflow-y:auto}.share-modal-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0 0 1.5rem}.share-modal-subtitle strong{color:var(--text-primary, #1f2937)}.share-modal-error{background:#fef2f2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.share-section{margin-bottom:1.5rem}.share-section:last-child{margin-bottom:0}.share-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .75rem}.shared-users-list,.available-users-list{display:flex;flex-direction:column;gap:.5rem}.shared-user-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary, #f3f4f6);border-radius:10px}.shared-user-info{display:flex;align-items:center;gap:.75rem}.shared-user-avatar,.available-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.shared-user-details,.available-user-details{display:flex;flex-direction:column;min-width:0}.shared-user-name,.available-user-name{font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937)}.shared-user-email,.available-user-email{font-size:.75rem;color:var(--text-tertiary, #9ca3af);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-user-remove{background:none;border:none;padding:.375rem;cursor:pointer;color:var(--text-tertiary, #9ca3af);border-radius:6px;transition:all .15s ease}.shared-user-remove:hover{background:#fef2f2;color:#dc2626}.shared-user-remove svg{width:16px;height:16px}.available-user-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s ease}.available-user-item:hover{border-color:var(--primary-color, #3b82f6);background:var(--bg-tertiary, #f9fafb)}.available-user-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color, #3b82f6);cursor:pointer}.share-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.share-spinner,.share-btn-spinner{width:20px;height:20px;border:2px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:share-spin .8s linear infinite}.share-btn-spinner{width:16px;height:16px;border-width:2px;border-color:#ffffff4d;border-top-color:#fff}@keyframes share-spin{to{transform:rotate(360deg)}}.share-no-users{font-size:.875rem;color:var(--text-tertiary, #9ca3af);text-align:center;padding:1.5rem;margin:0}.share-btn-add{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;margin-top:1rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.share-btn-add:hover:not(:disabled){background:var(--primary-hover, #2563eb)}.share-btn-add:disabled{opacity:.6;cursor:not-allowed}.share-btn-add svg{width:18px;height:18px}[data-theme=dark] .share-modal{background:var(--bg-primary, #111827)}[data-theme=dark] .share-modal-header{border-color:var(--border-color, #374151)}[data-theme=dark] .share-modal-error{background:#dc262626}[data-theme=dark] .shared-user-item{background:var(--bg-tertiary, #1f2937)}[data-theme=dark] .shared-user-remove:hover{background:#dc262626}[data-theme=dark] .available-user-item{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .available-user-item:hover{background:var(--bg-tertiary, #374151)}.drafts-container{padding:0}.drafts-header{margin-bottom:1.5rem}.drafts-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .25rem}.drafts-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.drafts-list{display:flex;flex-direction:column;gap:1rem}.draft-card{background:var(--bg-secondary, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease}.draft-card:hover{border-color:var(--primary-color, #3b82f6);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.draft-content{padding:1.25rem}.draft-main{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.draft-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-app{font-size:.75rem;padding:.25rem .625rem;background:var(--bg-tertiary, #f3f4f6);color:var(--text-secondary, #6b7280);border-radius:9999px;white-space:nowrap}.draft-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.draft-step{display:flex;align-items:center;gap:.375rem;font-size:.813rem;color:var(--text-secondary, #6b7280)}.draft-step svg{width:14px;height:14px}.draft-severity{font-size:.75rem;font-weight:500;padding:.25rem .5rem;border-radius:4px}.draft-severity.severity-critical{background:#fef2f2;color:#dc2626}.draft-severity.severity-high{background:#fff7ed;color:#ea580c}.draft-severity.severity-medium{background:#fefce8;color:#ca8a04}.draft-severity.severity-low{background:#f0fdf4;color:#16a34a}.draft-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.draft-date{display:flex;align-items:center;gap:.375rem;font-size:.813rem;color:var(--text-tertiary, #9ca3af)}.draft-date svg{width:14px;height:14px}.draft-actions{display:flex;align-items:center;gap:.5rem}.draft-btn{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.draft-btn-continue{background:var(--primary-color, #3b82f6);color:#fff}.draft-btn-continue:hover{background:var(--primary-hover, #2563eb)}.draft-btn-delete{background:transparent;color:var(--text-tertiary, #9ca3af);padding:.5rem}.draft-btn-delete:hover{background:#fef2f2;color:#dc2626}.draft-btn-delete svg{width:18px;height:18px}.draft-btn-share{background:transparent;color:var(--text-tertiary, #9ca3af);padding:.5rem}.draft-btn-share:hover{background:#eff6ff;color:#3b82f6}.draft-btn-share svg{width:18px;height:18px}.draft-shared-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500;padding:.2rem .5rem;border-radius:9999px;white-space:nowrap}.draft-shared-badge svg{width:12px;height:12px}.draft-shared-badge.shared-with-me{background:#dbeafe;color:#1d4ed8}.draft-shared-badge.shared-by-me{background:#dcfce7;color:#15803d}.draft-progress{height:4px;background:var(--bg-tertiary, #f3f4f6)}.draft-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color, #3b82f6),#60a5fa);transition:width .3s ease}.drafts-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;background:var(--bg-secondary, #ffffff);border:2px dashed var(--border-color, #e5e7eb);border-radius:12px}.drafts-empty svg{width:48px;height:48px;color:var(--text-tertiary, #9ca3af);margin-bottom:1rem}.drafts-empty h3{font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.drafts-empty p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;max-width:280px}.drafts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem}.drafts-spinner{width:32px;height:32px;border:3px solid var(--bg-tertiary, #f3f4f6);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:drafts-spin .8s linear infinite;margin-bottom:1rem}@keyframes drafts-spin{to{transform:rotate(360deg)}}.drafts-loading p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}[data-theme=dark] .draft-card{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .draft-card:hover{border-color:var(--primary-color, #3b82f6)}[data-theme=dark] .draft-severity.severity-critical{background:#dc262626}[data-theme=dark] .draft-severity.severity-high{background:#ea580c26}[data-theme=dark] .draft-severity.severity-medium{background:#ca8a0426}[data-theme=dark] .draft-severity.severity-low{background:#16a34a26}[data-theme=dark] .draft-btn-delete:hover{background:#dc262626}[data-theme=dark] .draft-btn-share:hover{background:#3b82f626}[data-theme=dark] .draft-shared-badge.shared-with-me{background:#3b82f633}[data-theme=dark] .draft-shared-badge.shared-by-me{background:#16a34a33}[data-theme=dark] .drafts-empty{background:var(--bg-secondary, #1f2937);border-color:var(--border-color, #374151)}@media (max-width: 640px){.draft-main,.draft-footer{flex-direction:column;align-items:flex-start}.draft-actions{width:100%;justify-content:flex-end}.draft-btn-continue{flex:1}}.notification-btn{width:44px;height:44px;padding:0;border-radius:var(--radius-full);background:linear-gradient(135deg,#6366f1,#a855f7);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.notification-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #6366f166}.notification-btn svg{width:22px;height:22px}:root.dark .notification-btn{box-shadow:0 2px 8px #6366f180}.applications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-8)}.application-card{background:var(--gradient-primary);color:#fff;padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.application-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:#ffffff1a;border-radius:50%;transform:translate(50%,-50%)}.application-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.application-card h3{margin-bottom:var(--spacing-2);font-size:var(--text-lg);font-weight:700;position:relative}.application-card p{margin-bottom:var(--spacing-4);opacity:.9;font-size:var(--text-sm);line-height:1.6;position:relative}.app-info{display:flex;flex-direction:column;gap:var(--spacing-2);font-size:var(--text-sm);position:relative}.app-info span{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:#ffffff26;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-pending-test{border:2px solid var(--primary-400);box-shadow:var(--shadow-lg),0 0 20px #6366f126;animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:var(--shadow-lg),0 0 20px #6366f126}50%{box-shadow:var(--shadow-lg),0 0 30px #6366f140}}.pending-test-notice{background:var(--gradient-primary);color:#fff;padding:var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-2)}.pending-test-notice p{margin:0;font-size:var(--text-sm)}.pending-test-notice p:first-child{opacity:.9}.pending-test-notice strong{font-size:var(--text-base)}.pending-test-row{background-color:var(--primary-50)}.pending-test-row:hover{background-color:var(--primary-100)!important}.clickable-row{cursor:pointer;transition:all var(--transition-fast)}.clickable-row:hover{background-color:var(--primary-100)!important;transform:scale(1.005)}.clickable-row td{position:relative}.dashboard .card h2{font-size:var(--text-lg);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-5)}.applications-grid:empty:after{content:"No tienes aplicaciones asignadas";display:block;text-align:center;padding:var(--spacing-12);color:var(--gray-500);font-size:var(--text-base);grid-column:1 / -1;background:var(--gray-50);border-radius:var(--radius-lg);border:2px dashed var(--gray-200)}.qa-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-5);border-bottom:2px solid var(--gray-200);padding-bottom:var(--spacing-2)}.qa-tab{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);font-size:var(--text-base);font-weight:600;color:var(--gray-500);background:transparent;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;transition:all var(--transition-fast);position:relative}.qa-tab:hover,.qa-tab.active{color:var(--primary-600);background:var(--primary-50)}.qa-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.qa-tab svg{width:18px;height:18px;flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-2);background:var(--gradient-primary);color:#fff;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.qa-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.qa-stat-card{background:#fff;padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-100);text-align:center}.qa-stat-card .stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--primary-600)}.qa-stat-card .stat-label{font-size:var(--text-sm);color:var(--gray-500);margin-top:var(--spacing-1)}@media (max-width: 768px){.applications-grid{grid-template-columns:1fr}.application-card,.pending-test-notice{padding:var(--spacing-4)}}:root.dark .dashboard .card h2{color:var(--text-primary)}:root.dark .qa-stat-card{background:var(--bg-card);border-color:var(--border-color)}:root.dark .qa-stat-card .stat-label{color:var(--text-muted)}:root.dark .pending-test-row{background-color:#6366f126}:root.dark .pending-test-row:hover{background-color:#6366f140!important}:root.dark .clickable-row:hover{background-color:var(--bg-hover)!important}:root.dark .applications-grid:empty:after{color:var(--text-muted);background:var(--bg-secondary);border-color:var(--border-color)}:root.dark .qa-tabs{border-bottom-color:var(--border-color)}:root.dark .qa-tab{color:var(--text-muted)}:root.dark .qa-tab:hover{color:var(--primary-400);background:#6366f11a}:root.dark .qa-tab.active{color:var(--primary-400);background:#6366f126}:root{--primary-50: #eef2ff;--primary-100: #e0e7ff;--primary-200: #c7d2fe;--primary-300: #a5b4fc;--primary-400: #818cf8;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-700: #4338ca;--primary-800: #3730a3;--primary-900: #312e81;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.05) 100%);--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-50: #ecfdf5;--success-100: #d1fae5;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-100: #fee2e2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--info-50: #eff6ff;--info-100: #dbeafe;--info-500: #3b82f6;--info-600: #2563eb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.6;color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.container{max-width:1400px;margin:0 auto;padding:var(--spacing-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),0 0 #6366f166}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);border-color:var(--gray-400)}.btn-danger{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #ef44444d}.btn-success{background:linear-gradient(135deg,var(--success-500),var(--success-600));color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 20px #10b9814d}.btn-ghost{background:transparent;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--gray-800)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-base)}.btn-block{width:100%}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--gray-100);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--gray-100)}.card-title{font-size:var(--text-lg);font-weight:600;color:var(--gray-900)}.form-group{margin-bottom:var(--spacing-5)}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.form-control{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--gray-200);border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--text-base);color:var(--gray-800);background:#fff;transition:all var(--transition-fast)}.form-control:hover{border-color:var(--gray-300)}.form-control:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-control::placeholder{color:var(--gray-400)}.form-control:disabled{background:var(--gray-100);cursor:not-allowed}textarea.form-control{min-height:120px;resize:vertical}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.alert{padding:var(--spacing-4) var(--spacing-5);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);display:flex;align-items:center;gap:var(--spacing-3);font-weight:500;animation:slideIn var(--transition-slow) ease-out}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-100)}.alert-error{background:var(--error-50);color:var(--error-700);border:1px solid var(--error-100)}.alert-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid var(--warning-100)}.alert-info{background:var(--info-50);color:var(--info-600);border:1px solid var(--info-100)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:var(--spacing-4);text-align:left}.table th{background:var(--gray-50);font-weight:600;font-size:var(--text-sm);color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--gray-200)}.table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-low{background:var(--success-100);color:var(--success-700)}.badge-medium{background:var(--warning-100);color:var(--warning-600)}.badge-high{background:var(--error-100);color:var(--error-700)}.badge-critical{background:linear-gradient(135deg,var(--error-500),var(--error-600));color:#fff;animation:pulse 2s infinite}.badge-open{background:var(--info-100);color:var(--info-600)}.badge-in-progress{background:var(--warning-100);color:var(--warning-600)}.badge-resolved{background:var(--success-100);color:var(--success-700)}.badge-pending-test{background:var(--gradient-primary);color:#fff}.badge-closed{background:var(--gray-200);color:var(--gray-600)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-spinner{width:24px;height:24px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--gray-500)}.text-primary{color:var(--primary-600)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){.container,.card{padding:var(--spacing-4)}.table th,.table td{padding:var(--spacing-3);font-size:var(--text-sm)}}.victalejo-brand{display:inline-flex;align-items:center;gap:var(--spacing-2);font-weight:600;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.victalejo-footer{text-align:center;padding:var(--spacing-4);color:var(--gray-500);font-size:var(--text-sm)}.victalejo-footer span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}:root.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-light: #475569;--gray-50: #1e293b;--gray-100: #334155;--gray-200: #475569;--gray-300: #64748b;--gray-400: #94a3b8;--gray-500: #cbd5e1;--gray-600: #e2e8f0;--gray-700: #f1f5f9;--gray-800: #f8fafc;--gray-900: #ffffff;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%);--gradient-dark: linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}:root.dark body{background-color:var(--bg-primary);color:var(--text-primary)}:root.dark .card{background:var(--bg-card);border-color:var(--border-color)}:root.dark .card-header{border-bottom-color:var(--border-color)}:root.dark .form-control{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}:root.dark .form-control:hover{border-color:var(--border-light)}:root.dark .form-control:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f133}:root.dark .form-control::placeholder{color:var(--text-muted)}:root.dark .form-control:disabled{background:var(--bg-primary)}:root.dark select.form-control{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}:root.dark .table th{background:var(--bg-primary);border-bottom-color:var(--border-color);color:var(--text-secondary)}:root.dark .table td{border-bottom-color:var(--border-color);color:var(--text-primary)}:root.dark .table tbody tr:hover{background:var(--bg-hover)}:root.dark .btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}:root.dark .btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-light)}:root.dark .btn-ghost{color:var(--text-secondary)}:root.dark .btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}:root.dark .badge-closed{background:var(--bg-hover);color:var(--text-secondary)}:root.dark .loading-spinner{border-color:var(--border-color);border-top-color:var(--primary-500)}:root.dark .skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%)}:root.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}:root.dark ::-webkit-scrollbar-thumb{background:var(--border-light)}:root.dark ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:root.dark .text-muted{color:var(--text-muted)}body,.card,.form-control,.btn,.table,.badge{transition:background-color .3s ease,color .3s ease,border-color .3s ease}