body,html,#root{margin:0;height:100%;font-family:Segoe UI,Tahoma,sans-serif;font-size:12px;background:#f2f4f7;overflow-x:hidden}[data-theme=dark] body,[data-theme=dark] html,[data-theme=dark] #root{background:#12161b}[data-theme=light] body,[data-theme=light] html,[data-theme=light] #root{background:#f6f7fb}[data-theme=light] .header{background:#fff;color:#0f172a;border-bottom:1px solid #e5e7eb}[data-theme=light] .tabs{background:#fff;border-bottom:1px solid #e5e7eb}[data-theme=light] .tab{color:#334155}[data-theme=light] .tab.active{color:#2563eb;border-bottom-color:#2563eb}[data-theme=light] .home-wrap{background:#f1f5f9}[data-theme=light] .metric-tile{background:#fff;color:#0f172a;box-shadow:0 2px 8px #00000012}[data-theme=light] .qa-link{color:#2563eb}[data-theme=light] .qa-link:hover{color:#1d4ed8}[data-theme=dark]{--scroll-track: #0f1419;--scroll-thumb: #2a2f36;--scroll-thumb-hover: #3b4250}[data-theme=light]{--scroll-track: #f1f5f9;--scroll-thumb: #cbd5e1;--scroll-thumb-hover: #94a3b8}html,body,.left-panel,.right-panel,.results,.panel-2,.main,.main-2{scrollbar-width:medium;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:8px}*::-webkit-scrollbar-thumb{background-color:var(--scroll-thumb);border-radius:8px;border:2px solid var(--scroll-track)}*::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover)}.header{padding:20px;font-size:1.5rem;font-weight:700;box-shadow:0 2px 4px #0000001a;background:#161a1e;color:#e5e7eb;border-bottom:1px solid #2a2f36}.sticky-top{position:sticky;top:0;z-index:200}.theme-toggle{background:transparent;color:#cbd5e1;border:1px solid #2a2f36;padding:6px 10px;border-radius:6px;cursor:pointer}.theme-toggle:hover{color:#fff;border-color:#3b4250}.theme-switch{display:inline-flex;align-items:center;gap:6px}.theme-label{font-size:.85rem;color:#cbd5e1}.switch{position:relative;width:28px;height:14px;display:inline-block}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:linear-gradient(90deg,#7fffd4,#a5f3fc);border-radius:999px;transition:background .2s ease}.slider:before{content:"";position:absolute;height:10px;width:10px;left:2px;top:2px;background:#0b0f14;border-radius:50%;transition:transform .2s ease}.switch input:checked+.slider:before{transform:translate(14px)}[data-theme=light] .theme-label{color:#334155}.user-button{background:transparent;border:1px solid #2a2f36;color:#cbd5e1;padding:6px;border-radius:999px;cursor:pointer}.user-button:hover{background:#1f242a}.avatar-btn{padding:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.menu-pop{position:absolute;right:0;top:36px;background:#0f1419;border:1px solid #2a2f36;border-radius:8px;box-shadow:0 6px 24px #0006;min-width:220px}.menu-pop button{display:block;width:100%;padding:8px 12px;background:transparent;border:0;color:#e5e7eb;text-align:left;cursor:pointer}.menu-pop button:hover{background:#1f2937}[data-theme=light] .menu-pop{background:#fff;border-color:#e5e7eb}[data-theme=light] .menu-pop button{color:#0f172a}[data-theme=light] .menu-pop button:hover{background:#f2f2f2}.tabs{display:flex;gap:10px;padding:1px 20px;background:#1b1f23;border-bottom:1px solid #2a2f36;position:sticky;top:56px;z-index:95}.flowchart>.tabs{position:static;top:auto;z-index:auto;background:transparent;border-bottom:none;padding:0 0 8px}.tab{padding:10px 16px;border:none;border-radius:0;background:transparent;cursor:pointer;font-size:1rem;border-bottom:3px solid transparent;transition:color .2s ease,border-color .2s ease;color:#cbd5e1}.tab.active{color:#60a5fa;border-bottom-color:#60a5fa;font-weight:700;background-color:transparent}.tab:hover{color:#93c5fd}.subtabs{display:flex;gap:10px;padding:6px 20px;background:transparent;border-bottom:none;position:static;top:auto;z-index:auto}.main{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px;width:100%;box-sizing:border-box}.headsettab{grid-template-columns:45% 55%}.headsettab .right-panel{width:100%}.machinetab{grid-template-columns:45% 55%}.machinetab .right-panel{width:100%}.home-wrap{background:#161a1e;min-height:calc(100vh - 120px);padding:20px;box-sizing:border-box;color:#e5e7eb}[data-theme=light] .home-wrap{color:#0f172a}.home-hero-section{width:100%;margin:0 auto 24px}.powerbi-section{margin-bottom:16px;margin-left:-20px;margin-right:-20px}.powerbi-card{padding:0;border-radius:0;box-shadow:none}.powerbi-embed{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:0;padding-bottom:70vh;overflow:hidden;border-radius:0}.powerbi-frame{width:100%;height:100%;border:0}.powerbi-frame{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.left-panel{background:#1b1f23;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow-y:auto;max-height:calc(100vh - 180px);color:#e5e7eb}.left-panel h3{margin-top:0;border-bottom:1px solid #2a2f36;padding-bottom:10px;color:inherit}.left-panel ul{list-style:none;padding:0;margin:0}.left-panel li{padding:8px 12px;border-bottom:1px solid #2a2f36;cursor:pointer;color:inherit;border-radius:10px;margin:2px 0}.left-panel li:hover{background:linear-gradient(180deg,#39ffb6,#1ee08f)!important;color:#0b0f14!important;border-radius:12px;border-bottom-color:transparent}[data-theme=light] .left-panel li:hover{color:#0b0f14}.right-panel{width:100%;max-width:100%;background:#1b1f23;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 200px);color:#e5e7eb}.iframe-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0}.iframe-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.search-bar input{width:95%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px}.search-bar textarea{width:100%;padding:10px;font-size:1rem;border-radius:8px;border:1px solid #2a2f36;background:#0f1419;color:#e5e7eb;box-sizing:border-box;max-width:100%;display:block}.search-bar textarea::placeholder{color:#94a3b8}[data-theme=light] .search-bar textarea{background:#fff;border-color:#cbd5e1;color:#0f172a}[data-theme=light] .search-bar textarea::placeholder{color:#64748b}.search-bar textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f640}.results{background:#1b1f23;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow-y:auto;color:#e5e7eb}.results h3{margin-top:0}.results ul{list-style:none;padding:0;margin:0}.results li{padding:8px 0;border-bottom:1px solid #f1f1f1}.tag{padding:2px 4px;border-radius:12px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase}.tag.compatible{background:#28a745}.tag.incompatible{background:#dc3545}.tag.nc-only{background:#ffc107;color:#000}.tag.not-tested{background:#fb923c;color:#111827}.result-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f1f1f1;font-size:11px}.search-bar{position:relative;padding:0 15px}.search-hint{color:#666;font-size:.85rem;margin-bottom:6px}.suggestions{position:absolute;top:80px;left:0;right:0;background:#0f1419;border:1px solid #2a2f36;border-radius:4px;list-style:none;margin:0;padding:0;z-index:10;max-height:150px;overflow-y:auto}[data-theme=light] .suggestions{background:#fff;border-color:#cbd5e1}.suggestions li{padding:8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.suggestions li{color:#e5e7eb}.suggestions li:hover{background:#1f2937}[data-theme=light] .suggestions li{color:#0f172a}[data-theme=light] .suggestions li:hover{background:#f2f2f2}.no-suggestion{color:#999;font-style:italic;padding:8px}.results li{padding:8px 12px;border-bottom:1px solid #f1f1f1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-radius:10px;margin:2px 0}.results li:hover{background:linear-gradient(180deg,#39ffb6,#1ee08f);color:#0b0f14;border-bottom-color:transparent;border-radius:12px}[data-theme=light] .results li:hover{color:#0b0f14}.results li.selected{background:#007bff;color:#fff;font-weight:700}.results li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f1f1f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-name{flex:1;margin-right:10px;overflow:hidden;text-overflow:ellipsis}.item-actions{display:flex;align-items:center;gap:10px}.item-status{font-size:.85rem;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:capitalize}.remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:#888;transition:color .2s ease}.remove-btn:hover{color:#d9534f}.status-compatible .item-status{background:#d4edda;color:#155724}.status-incompatible .item-status{background:#f8d7da;color:#721c24}.status-nc-only .item-status{background:#fff3cd;color:#856404}textarea{width:97%;resize:vertical;padding:.5rem;font-family:inherit;font-size:1rem}.search-bar textarea{width:100%}.search-actions{display:flex;gap:.5rem;margin-top:.5rem;padding:8px 15px}.right-panel .search-actions a{color:#93c5fd}[data-theme=dark] .right-panel .search-actions,[data-theme=dark] .right-panel .search-actions.right{background:#1b1f23}.right-panel .search-actions{position:static;top:auto;background:transparent;z-index:auto;padding:8px 15px}.search-actions.right{justify-content:flex-end}.search-actions button{padding:.5rem 1rem;font-size:.95rem;cursor:pointer;border-radius:10px;border:1px solid #12d186;background:linear-gradient(180deg,#39ffb6,#1ee08f);color:#0b0f14;text-shadow:0 0 0 transparent;transition:filter .15s ease,transform .05s ease}.search-actions button:hover{filter:brightness(.95)}.search-actions button:active{transform:translateY(1px)}[data-theme=light] .search-actions button{border-color:#12d186;color:#0b0f14}.flowchart{width:95%;text-align:center}.flowchart h1{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.flowchart p{color:#64748b;font-size:1rem}.flowchart-container{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 640px){.flowchart-container{flex-direction:row;justify-content:center;gap:2.5rem}}.flow-btn{width:12rem;height:4rem;border-radius:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 1px 3px #0000001a;border:1px solid transparent}.flow-btn.l1{background-color:#2563eb;color:#fff;border-color:#1e40af}[data-theme=dark] .flow-btn.l1{background-color:#1d4ed8;color:#fff;border-color:#1e40af}[data-theme=dark] .flow-btn.l1:hover{filter:brightness(.95)}.flow-btn.l1:hover{background-color:#1d4ed8}.flow-btn.l2{background-color:#f3f4f6;color:#0f172a;border-color:#cbd5e1}[data-theme=dark] .flow-btn.l2{background-color:#e5e7eb;color:#0f172a;border-color:#9aa3af}.flow-btn.l2:hover{background-color:#e5e7eb}.flow-btn.l3{background-color:#fff;color:#0f172a;border-color:#94a3b8}.flow-btn.l3:hover{background-color:#f9fafb}.flow-label{margin-top:.75rem;font-size:1rem;color:#0f172a;font-weight:500}[data-theme=dark] .flow-label{color:#e5e7eb}.flow-arrow{width:7rem;height:1.5rem;color:#475569;margin-bottom:20px}[data-theme=dark] .flow-arrow{color:#a3b1c6}.panel-2{width:98%;background:#1b1f23;padding:15px;border-radius:8px;box-shadow:0 2px 6px #0000001a;overflow-y:auto;max-height:calc(100vh - 200px);color:#e5e7eb}[data-theme=dark] .main-2{background:transparent}.main-2{gap:0px;padding:20px;width:95%;margin:0 auto}.accordion details{border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;background:#fff;margin-bottom:.75rem;box-shadow:0 1px 2px #02061708}[data-theme=dark] .accordion details{background:#1b1f23;border-color:#2a2f36;color:#e5e7eb;box-shadow:none}.accordion summary{list-style:none;cursor:pointer;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:.5rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"›";transform:rotate(90deg);transition:transform .2s ease;margin-left:auto;color:#475569;font-size:1.25rem;line-height:1}.accordion details[open] summary:after{transform:rotate(-90deg)}.accordion details>*:not(summary){margin-top:.75rem}.results .ticket-list{display:grid;grid-template-columns:140px 1fr 160px;gap:.5rem 1rem;align-items:center}.results .ticket-row{display:contents}.ticket-id{font-weight:600;color:#1e293b}.ticket-title{color:#0f172a}.ticket-assignee{justify-self:end;color:#475569}.empty{color:#64748b;font-style:italic}.accordion-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer;padding:.75rem 1rem;border-radius:.5rem;position:relative}.accordion-header::-webkit-details-marker{display:none}.accordion-header:after{content:"›";font-size:1.25rem;color:inherit;margin-left:.5rem;transition:transform .2s ease}details[open]>.accordion-header:after{transform:rotate(90deg)}.header-yellow{background-color:#fef9c3;color:#854d0e}.header-green{background-color:#dcfce7;color:#166534}.header-red{background-color:#fee2e2;color:#991b1b}.count-badge{font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;background-color:#0000000d}.ticket-grid{width:100%;overflow-x:hidden}.ticket-grid .ticket-grid-header,.ticket-grid .ticket-list{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.1fr) minmax(0,2fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr);align-items:center}.ticket-grid .ticket-row .td:nth-child(6),.ticket-grid .ticket-grid-header .th:nth-child(6){white-space:normal}.ticket-grid .ticket-grid-header{padding:.75rem .25rem;background:#f8fafc;color:#0f172a;font-weight:700;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.ticket-grid .ticket-row{display:contents}.ticket-grid .td{padding:.75rem .25rem;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9}.ticket-grid .td:last-child{border-right:none}[data-theme=dark] .ticket-grid .ticket-grid-header{background:#1b1f23;color:#e5e7eb;border:none;box-shadow:none}[data-theme=dark] .ticket-grid .td{border:none}.ticket-status,.ticket-date,.ticket-activity,.ticket-assignee,.th-center{text-align:center}.pager{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem .25rem 0}.pager-btn{padding:.4rem .8rem;border:1px solid #e5e7eb;background:#fff;border-radius:.375rem;cursor:pointer}.pager-btn:disabled{opacity:.5;cursor:not-allowed}.pager-info{color:#475569;font-weight:600}.results-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px}.results-table thead th{text-align:left;color:#0f172a;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:8px}[data-theme=dark] .results-table thead th{color:#e5e7eb;background:#0f1419;border-bottom:1px solid #2a2f36}.results-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.results-table tbody td{padding:8px;border-bottom:1px solid #f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .results-table tbody tr:hover td{border-bottom-color:transparent}[data-theme=dark] .results-table tbody td{border-bottom:1px solid #2a2f36}.results-table tbody td:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-table tbody td:nth-child(3) .tag{display:inline-block;white-space:nowrap}.ff-table tbody td:nth-child(2){white-space:normal;overflow:visible;text-overflow:clip}.ff-table .ws-wrap,.ff-table .ws-item{display:block}.ff-table thead th:nth-child(4){white-space:nowrap}.ff-table{table-layout:auto}.ff-table thead th:nth-child(1),.ff-table tbody td:nth-child(1){width:22%}.ff-table thead th:nth-child(2),.ff-table tbody td:nth-child(2){width:56%}.ff-table thead th:nth-child(3),.ff-table tbody td:nth-child(3){width:12%}.ff-table thead th:nth-child(4),.ff-table tbody td:nth-child(4){width:10%}.ff-group-row td{background:#94a3b826;color:inherit;font-weight:700;border-bottom:1px solid #2a2f36}.ff-group-row{cursor:pointer}.ff-group-toggle{background:transparent;border:none;color:inherit;font:inherit;cursor:pointer}.results-table tbody tr:hover{background:linear-gradient(180deg,#39ffb6,#1ee08f);color:#0b0f14}[data-theme] .results-table tbody tr:hover td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}[data-theme] .results-table tbody tr:hover td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}[data-theme=dark] .results-table tbody tr:hover{background:linear-gradient(180deg,#39ffb6,#1ee08f);color:#0b0f14}.results-table thead th:nth-child(1),.results-table tbody td:nth-child(1){width:36%}.results-table thead th:nth-child(2),.results-table tbody td:nth-child(2){width:35%}.results-table thead th:nth-child(3),.results-table tbody td:nth-child(3){width:21%}.results-table thead th:nth-child(4),.results-table tbody td:nth-child(4){width:8%;text-align:right}.ff-table thead th:nth-child(1),.ff-table tbody td:nth-child(1){width:22%!important}.ff-table thead th:nth-child(2),.ff-table tbody td:nth-child(2){width:56%!important}.ff-table thead th:nth-child(3),.ff-table tbody td:nth-child(3){width:12%!important}.ff-table thead th:nth-child(4),.ff-table tbody td:nth-child(4){width:10%!important}.home-hero{position:relative;width:100%;max-width:100%;overflow:hidden;border-radius:8px}.home-hero-img{display:block;width:100%;max-width:100%;height:auto}.home-hero-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:linear-gradient(180deg,#00000026,#00000026);overflow:hidden}.home-hero-content{display:flex;flex-direction:column;align-items:center;gap:6px}.home-hero-overlay h1{color:#fff;font-size:var(--font-size, 16rem);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);margin:0;line-height:.95}.home-subtitle{color:#e5e7eb;font-size:3rem;margin-top:0;text-shadow:0 1px 2px rgba(0,0,0,.35)}@keyframes typing{0%{width:0ch}to{width:var(--typing-chars, 50)ch}}@keyframes blink{0%,49%{border-right-color:#ffffffe6}50%,to{border-right-color:transparent}}.typing{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid rgba(255,255,255,.9);font-size:var(--font-size, 2rem);width:0ch;animation-name:typing,blink;animation-duration:calc(4s + (var(--typing-chars, 50) * 50ms)),1s;animation-timing-function:steps(var(--typing-chars, 50),end),step-end;animation-iteration-count:1,infinite;animation-fill-mode:both,none;max-width:100%;will-change:width}.typing-done{animation:none!important;border-right-color:transparent!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:fadeUp .7s ease-out both}.fade-delay{animation-delay:var(--subtitle-delay, .8s)!important}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}}.metric-tile{background:#1b1f23;border-radius:16px;padding:20px;color:#e5e7eb;box-shadow:inset 0 0 0 1px #ffffff0f,0 2px 10px #00000059}[data-theme=light] .qa-header{color:#0f172a}.metric-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.metric-value{font-size:3rem;font-weight:700;letter-spacing:1px}.metric-sub{font-size:1.75rem;color:#cbd5e1}[data-theme=light] .metric-sub{color:#334155}[data-theme=light] .left-panel,[data-theme=light] .right-panel,[data-theme=light] .results,[data-theme=light] .panel-2{background:#fff;color:#0f172a}[data-theme=light] .left-panel h3,[data-theme=light] .left-panel li{border-color:#e5e7eb}[data-theme=dark] a{color:#93c5fd}[data-theme=dark] a:hover{color:#bfdbfe}.quick-access{margin-top:16px}.qa-header{font-size:2.5rem;font-weight:600;margin-bottom:16px;color:#e5e7eb;text-align:center}.qa-links{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px 16px;max-width:1200px;margin:0 auto;justify-items:center}@media (max-width: 900px){.qa-links{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.qa-links{grid-template-columns:1fr}}.qa-link{color:#93c5fd;text-decoration:none;font-weight:400;text-align:center;font-size:1.5rem}.qa-link:hover{color:#bfdbfe;text-decoration:underline}.container button{font-weight:700}