@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@300;400;500;600&display=swap";:root{--bg-page: #0e0b1a;--bg-shell: #130f22;--bg-card: #1a1530;--bg-card2: #211c3a;--bg-input: #211c3a;--accent: #a78bfa;--accent-muted: rgba(167,139,250,.15);--accent2: #2dd4bf;--accent2-muted: rgba(45,212,191,.15);--text1: #ede9fe;--text2: #a390d4;--text3: #6d5fa0;--success: #2dd4bf;--success-muted: rgba(45,212,191,.15);--warning: #fbbf24;--warning-muted: rgba(251,191,36,.15);--danger: #f87171;--danger-muted: rgba(248,113,113,.15);--info: #60a5fa;--info-muted: rgba(96,165,250,.15);--border: rgba(167,139,250,.13);--border-strong: rgba(167,139,250,.28);--bg2: #1a1530;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--bg: var(--bg-page);--surface: var(--bg-card);--surface2: var(--bg-card2);--surface3: var(--bg-card2);--text: var(--text1);--border2: var(--border-strong);--accent-light: var(--accent-muted);--green: var(--success);--green-light: var(--success-muted);--red: var(--danger);--red-light: var(--danger-muted);--amber: var(--warning);--amber-light: var(--warning-muted);--blue: var(--info);--blue-light: var(--info-muted);--sidebar-w: 220px;--topbar-h: 52px;--filter-w: 280px;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--bg-page);color:var(--text1);font-size:14px;line-height:1.5}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{background:var(--bg-input);border:.5px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text1);padding:7px 10px;font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}button{font-family:var(--font-sans);cursor:pointer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-card)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}::-moz-selection{background:var(--accent-muted);color:var(--accent)}::selection{background:var(--accent-muted);color:var(--accent)}.shell{display:flex;height:100vh;overflow:hidden}.shell-mid{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);background:var(--bg-shell);border-bottom:.5px solid var(--border-strong);display:flex;align-items:center;padding:0 16px;gap:10px;flex-shrink:0;z-index:9}.body-row{flex:1;display:flex;overflow:hidden}.content{flex:1;overflow-y:auto;padding:24px;min-width:0;background:var(--bg-page)}.sidebar{width:var(--sidebar-w);background:var(--bg-shell);border-right:.5px solid var(--border-strong);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;z-index:10;transition:width .2s ease}.sidebar.collapsed{width:48px}.sb-logo{padding:14px 14px 10px;border-bottom:.5px solid var(--border-strong);display:flex;align-items:center;gap:8px;overflow:hidden}.sb-logo-mark{width:22px;height:22px;background:var(--accent);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sb-logo-mark svg{width:13px;height:13px;fill:var(--bg-page)}.sb-logo-text{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text1);white-space:nowrap;overflow:hidden}.sb-section{padding:10px 10px 4px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);white-space:nowrap;overflow:hidden}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;margin:1px 6px;border-radius:var(--radius-md);cursor:pointer;color:var(--text2);font-size:13px;transition:all .12s;border:none;background:transparent;width:calc(100% - 12px);text-align:left;text-decoration:none;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg-card2);color:var(--text1)}.nav-item.active{background:var(--accent-muted);color:var(--accent);font-weight:500}.nav-icon{width:14px;height:14px;flex-shrink:0;opacity:.6}.nav-item.active .nav-icon{opacity:1}.nav-badge{margin-left:auto;font-family:var(--font-mono);font-size:10px;background:var(--bg-card2);color:var(--text3);padding:1px 5px;border-radius:3px;flex-shrink:0;min-width:18px;text-align:center}.nav-badge.warn{background:var(--danger-muted);color:var(--danger);font-weight:600}.nav-label{overflow:hidden;text-overflow:ellipsis}.tb-title{font-size:13px;font-weight:600;color:var(--text1);white-space:nowrap}.tb-sep{color:var(--border-strong);font-size:16px}.tb-project{font-size:12px;color:var(--text2);white-space:nowrap}.tb-spacer{flex:1}.tb-btn{padding:5px 10px;border-radius:5px;font-size:11px;font-weight:500;border:.5px solid var(--border-strong);background:var(--bg-card);color:var(--text2);cursor:pointer;transition:all .12s;white-space:nowrap;font-family:var(--font-sans)}.tb-btn:hover{background:var(--bg-card2);color:var(--text1)}.filter-panel{width:var(--filter-w);background:var(--bg-shell);border-left:.5px solid var(--border-strong);flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,opacity .2s ease}.filter-panel.collapsed{width:0;opacity:0;pointer-events:none}.fp-head{padding:14px 16px 10px;border-bottom:.5px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.fp-title{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text2)}.fp-body{flex:1;overflow-y:auto;padding:12px 14px}.fp-actions{padding:12px 14px;border-top:.5px solid var(--border-strong);display:flex;gap:8px;flex-shrink:0}.fp-section{margin-bottom:16px}.fp-section-label{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:8px}.fp-input{width:100%;padding:6px 8px;border-radius:5px;border:.5px solid var(--border-strong);background:var(--bg-card2);color:var(--text1);font-size:12px;font-family:var(--font-mono);outline:none;transition:border .12s}.fp-input:focus{border-color:var(--accent)}.filter-bar{padding:6px 16px;background:var(--bg-shell);border-bottom:.5px solid var(--border-strong);display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0;min-height:36px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:var(--accent-muted);color:var(--accent);font-size:11px;font-family:var(--font-mono);border:.5px solid var(--accent)}.chip-x{cursor:pointer;font-size:13px;line-height:1;opacity:.7;margin-left:2px}.chip-x:hover{opacity:1}.btn-sm{padding:5px 10px;border-radius:5px;font-size:11px;font-weight:500;border:.5px solid var(--border-strong);background:var(--bg-card);color:var(--text1);cursor:pointer;font-family:var(--font-sans);transition:all .12s;white-space:nowrap}.btn-sm:hover{background:var(--bg-card2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg-page)}.btn-primary:hover{opacity:.9}.btn-danger{background:var(--danger-muted);border-color:var(--danger);color:var(--danger)}.filter-toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:5px;font-size:11px;font-weight:500;border:.5px solid var(--border-strong);background:var(--bg-card);color:var(--text1);cursor:pointer;transition:all .12s;white-space:nowrap;font-family:var(--font-sans)}.filter-toggle-btn.active{background:var(--accent-muted);color:var(--accent);border-color:var(--accent)}.kpi-grid{display:grid;gap:10px}.kpi-grid-4{grid-template-columns:repeat(4,1fr)}.kpi-grid-3{grid-template-columns:repeat(3,1fr)}.kpi-grid-5{grid-template-columns:repeat(5,1fr)}.kpi{background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;padding:12px 14px}.kpi-label{font-size:11px;color:var(--text3);margin-bottom:5px}.kpi-val{font-family:var(--font-mono);font-size:21px;font-weight:500;line-height:1;letter-spacing:-.5px}.kpi-sub{font-size:11px;color:var(--text3);margin-top:4px;font-family:var(--font-mono)}.kpi-bar{height:3px;background:var(--bg-card2);border-radius:2px;margin-top:8px;overflow:hidden}.kpi-bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.ok{color:var(--success)}.warn{color:var(--warning)}.err{color:var(--danger)}.info{color:var(--info)}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;padding:14px 16px}.card-title{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text2);margin-bottom:12px}.card-subtitle{font-size:11px;color:var(--text3);margin-top:-8px;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:14px}.mt-14{margin-top:14px}.mt-10{margin-top:10px}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text3);padding:7px 9px;text-align:left;border-bottom:.5px solid var(--border-strong);white-space:nowrap}.tbl td{padding:8px 9px;border-bottom:.5px solid var(--border);color:var(--text1);vertical-align:top}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--bg-card2)}.tbl td.mono{font-family:var(--font-mono);font-size:11px}.tbl td.url{font-family:var(--font-mono);font-size:11px;color:var(--accent);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;font-family:var(--font-mono);white-space:nowrap}.badge-green{background:var(--success-muted);color:var(--success)}.badge-red{background:var(--danger-muted);color:var(--danger)}.badge-amber{background:var(--warning-muted);color:var(--warning)}.badge-blue{background:var(--info-muted);color:var(--info)}.badge-gray{background:var(--bg-card2);color:var(--text2)}.sec-div{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:16px 0 10px;padding-bottom:5px;border-bottom:.5px solid var(--border-strong)}.page-summary{display:flex;gap:12px;padding:12px 14px;background:var(--bg-card);border:.5px solid var(--border);border-radius:8px;margin-bottom:14px}.page-summary-icon{font-size:20px;flex-shrink:0;padding-top:2px}.page-summary-what{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:10px}.page-summary-bp-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);margin-bottom:6px}.page-summary-bp ul{padding-left:16px}.page-summary-bp li{font-size:11px;color:var(--text2);line-height:1.6;margin-bottom:3px}.issue-item{display:flex;gap:8px;padding:8px 10px;border-radius:5px;margin-bottom:5px;background:var(--bg-card2);border:.5px solid var(--border)}.issue-icon{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-top:1px}.issue-err .issue-icon{background:var(--danger-muted);color:var(--danger)}.issue-warn .issue-icon{background:var(--warning-muted);color:var(--warning)}.issue-info .issue-icon{background:var(--info-muted);color:var(--info)}.issue-title{font-size:12px;font-weight:500;margin-bottom:2px}.issue-desc{font-size:11px;color:var(--text2)}.issue-count{font-family:var(--font-mono);font-size:11px;color:var(--text3);margin-left:auto;flex-shrink:0;padding-top:1px}.mini-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:7px}.mini-bar-label{font-size:11px;color:var(--text2);width:120px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-bar-track{flex:1;height:7px;background:var(--bg-card2);border-radius:3px;overflow:hidden}.mini-bar-fill{height:100%;border-radius:3px}.mini-bar-val{font-family:var(--font-mono);font-size:11px;color:var(--text2);width:36px;text-align:right;flex-shrink:0}.chart-h180{position:relative;height:180px;width:100%}.chart-h200{position:relative;height:200px;width:100%}.chart-h220{position:relative;height:220px;width:100%}.chart-h240{position:relative;height:240px;width:100%}.chart-h260{position:relative;height:260px;width:100%}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.leg-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text2)}.leg-sw{width:9px;height:9px;border-radius:2px;flex-shrink:0}@media (max-width:1100px){.kpi-grid-4{grid-template-columns:repeat(2,1fr)}.kpi-grid-5{grid-template-columns:repeat(3,1fr)}.grid-2,.grid-3,.grid-2-1{grid-template-columns:1fr}}@media (max-width:768px){:root{--sidebar-w:48px}.sb-logo-text,.sb-section,.nav-label,.nav-badge{display:none}.nav-item{justify-content:center;padding:8px}.nav-icon{opacity:1;width:16px;height:16px}.kpi-grid-4,.kpi-grid-5,.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.filter-panel{position:fixed;right:0;top:0;height:100vh;z-index:100;box-shadow:-4px 0 20px #0000004d}.content{padding:12px}.topbar{padding:0 10px;gap:6px}}@media (max-width:480px){.kpi-grid-4,.kpi-grid-5,.kpi-grid-3{grid-template-columns:1fr}.tb-project,.tb-sep{display:none}}.cluster-btn{width:26px;height:26px;border-radius:5px;border:.5px solid var(--border);background:transparent;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.tbl .cluster-btn:hover,.cluster-btn:hover,.tbl .cluster-btn.clustered,.cluster-btn.clustered{background:#1d9e75!important;color:#fff!important;border-color:#1d9e75!important}.export-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:export-spin .7s linear infinite;flex-shrink:0}@keyframes export-spin{to{transform:rotate(360deg)}}.export-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;min-width:200px;background:var(--surface);border:1px solid var(--border2);border-radius:6px;box-shadow:0 4px 16px #0000001a;padding:4px;display:flex;flex-direction:column}.export-dropdown-right{left:auto;right:0}.export-dropdown-label{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text3);padding:6px 8px 4px}.export-dropdown-divider{height:1px;background:var(--border);margin:4px 0}.export-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:4px;background:transparent;color:var(--text2);font-size:11px;font-family:var(--sans);cursor:pointer;text-align:left;transition:background .1s}.export-dropdown-item:hover{background:var(--surface2);color:var(--text)}.export-fmt-icon{font-size:12px;flex-shrink:0}.card-title-export{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title-export .card-title{margin-bottom:0}.page-export-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-export-row .sec-div{margin-bottom:0;flex:1}.card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.card-title{font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.metric-card{background:var(--bg-card);border:.5px solid var(--border);border-radius:var(--radius-md);padding:12px 14px}.metric-card .metric-value{font-size:22px;font-weight:600;color:var(--text1);line-height:1.1}.metric-card .metric-label{font-size:10px;color:var(--text3);margin-top:3px;text-transform:uppercase;letter-spacing:.4px}.metric-card .metric-delta{font-size:11px;margin-top:4px;display:flex;align-items:center;gap:3px}.metric-card .metric-delta.up{color:var(--danger)}.metric-card .metric-delta.down{color:var(--success)}.metric-card .metric-delta.neutral{color:var(--text3)}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-danger{background:var(--danger-muted);color:var(--danger)}.badge-info{background:var(--info-muted);color:var(--info)}.badge-neutral{background:var(--border);color:var(--text2)}.pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;border:.5px solid var(--border-strong);color:var(--text2)}.btn-primary{background:var(--accent);color:var(--bg-page);border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:13px;font-weight:500;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--text2);border:.5px solid var(--border-strong);border-radius:var(--radius-md);padding:7px 14px;font-size:13px;transition:background .15s,color .15s}.btn-ghost:hover{background:var(--bg-card2);color:var(--text1)}.data-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.data-table th{text-align:left;padding:6px 8px;font-size:10px;font-weight:500;letter-spacing:.4px;text-transform:uppercase;color:var(--text3);border-bottom:.5px solid var(--border-strong)}.data-table td{padding:7px 8px;border-bottom:.5px solid var(--border);vertical-align:middle}.data-table tbody tr:nth-child(2n){background:var(--bg-card2)}.data-table tbody tr:hover{background:var(--accent-muted);cursor:pointer}.empty-state{text-align:center;padding:32px 20px;border:.5px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-state .empty-icon{font-size:32px;color:var(--text3);margin-bottom:10px;display:block}.empty-state .empty-title{font-size:14px;font-weight:500;color:var(--text1);margin-bottom:6px}.empty-state .empty-body{font-size:12px;color:var(--text2);line-height:1.6;max-width:280px;margin:0 auto}.toast{border-radius:var(--radius-md);padding:10px 14px;border:.5px solid;display:flex;align-items:flex-start;gap:10px;font-size:12px;margin-bottom:6px}.toast-success{background:var(--success-muted);border-color:var(--success)}.toast-warning{background:var(--warning-muted);border-color:var(--warning)}.toast-danger{background:var(--danger-muted);border-color:var(--danger)}.toast-info{background:var(--info-muted);border-color:var(--info)}.toast .toast-title{color:var(--text1);font-weight:500;font-size:12px}.toast .toast-sub{color:var(--text2);font-size:11px;margin-top:2px}.progress-track{height:5px;border-radius:3px;background:var(--border-strong);overflow:hidden}.progress-fill{height:5px;border-radius:3px;transition:width .4s ease}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:20px;font-weight:500;color:var(--text1);margin:0}.page-header .breadcrumb{font-size:11px;color:var(--text3);margin-bottom:4px}.page-header .page-actions{display:flex;gap:8px;align-items:center}.section-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.section-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:12px}.section-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}tr:hover .ai-suggest-btn,tr:hover .ai-btn-wrap .ai-suggest-btn,.ai-row:hover .ai-suggest-btn{opacity:1!important}.tbl-checkbox{width:32px;padding-left:10px!important}.tbl-checkbox input[type=checkbox]{cursor:pointer;accent-color:var(--accent)}.lh-g{color:var(--success)}.lh-a{color:var(--warning)}.lh-r{color:var(--danger)}.lh-score-card{display:flex;flex-direction:column;align-items:center;gap:6px}.lh-score-name{font-size:11px;color:var(--text2);text-align:center;font-weight:500}