*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07101F;--surface: #0C1828;--card: #0F1F35;--card-hover: #122540;--border: #1A3050;--border-bright: #203858;--accent: #F0A820;--accent-dim: rgba(240,168,32,.15);--green: #22C55E;--green-dim: rgba(34,197,94,.15);--red: #EF4444;--red-dim: rgba(239,68,68,.15);--amber: #F59E0B;--amber-dim: rgba(245,158,11,.15);--blue: #60A5FA;--blue-dim: rgba(96,165,250,.15);--text: #DDE5F0;--text-dim: #94A3B8;--text-muted: #4A6A8A;--font-sans: "Lexend", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--card: #ffffff;--card-hover: #f9fafb;--border: #e5e7eb;--border-bright: #d1d5db;--accent: #d4900a;--accent-dim: rgba(212,144,10,.12);--green: #16a34a;--green-dim: rgba(22,163,74,.12);--red: #dc2626;--red-dim: rgba(220,38,38,.12);--amber: #d97706;--amber-dim: rgba(217,119,6,.12);--blue: #2563eb;--blue-dim: rgba(37,99,235,.12);--text: #111827;--text-dim: #4b5563;--text-muted: #9ca3af}[data-theme=light] .layout,[data-theme=light] .main{background:#f0f2f5!important}[data-theme=light] tr:hover td{background:#00000005!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#d1d5db}[data-theme=light] .filter-input,[data-theme=light] .input{background:#fff!important;color:#111827!important;border-color:#d1d5db!important}[data-theme=light] .search-box{background:#fff!important;border-color:#d1d5db!important}[data-theme=light] .search-box input{color:#111827!important}[data-theme=light] .chart-card,[data-theme=light] .chart-tooltip,[data-theme=light] .table-wrap{background:#fff!important}[data-theme=light] th{background:#f9fafb!important;color:#6b7280!important}[data-theme=light] td{color:#111827!important}[data-theme=light] .nav-item.active{color:var(--accent)!important}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;height:100%}#root{height:100%}.layout{display:flex;height:100vh;overflow:hidden}.main{flex:1;overflow-y:auto;padding:28px 28px 40px;display:flex;flex-direction:column}.sidebar{width:224px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 16px 18px;border-bottom:1px solid var(--border)}.logo-mark{font-size:22px;color:var(--accent)}.logo-name{font-size:14px;font-weight:600}.logo-sub{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);margin-top:1px}.sidebar-nav{padding:8px;flex:1;display:flex;flex-direction:column;gap:1px}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border-radius:7px;border:none;background:transparent;color:var(--text-dim);font-size:13px;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:background .12s,color .12s;position:relative}.nav-item:hover{background:var(--accent-dim);color:var(--text)}.nav-item.active{background:var(--accent-dim);color:var(--accent);font-weight:500}.nav-badge{margin-left:auto;background:var(--red);color:#fff;border-radius:20px;padding:1px 6px;font-size:9px;font-weight:700;font-family:var(--font-mono)}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:5px}.footer-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono)}.footer-value{font-size:13px;font-weight:500}.footer-stats{font-size:11px;color:var(--text-dim)}.page-header{margin-bottom:22px}.page-header h1{font-size:22px;font-weight:600;letter-spacing:-.02em}.page-sub{font-size:12px;color:var(--text-muted);margin-top:3px}.view-content{display:flex;flex-direction:column;gap:16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.kpi-label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.kpi-value{font-family:var(--font-mono);font-size:24px;font-weight:600;line-height:1}.kpi-sub{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);margin-top:5px}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:18px 18px 12px}.chart-title{font-size:13px;font-weight:500;margin-bottom:10px}.legend-row{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}.leg-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-dim)}.leg-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.chart-tooltip{background:var(--card);border:1px solid var(--border-bright);border-radius:7px;padding:10px 13px;font-family:var(--font-mono);font-size:11px}.ct-label{color:var(--text-dim);margin-bottom:6px}.ct-row{display:flex;justify-content:space-between;gap:16px}.ct-val{font-weight:600}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.card-flush{padding:0;overflow:hidden}.card-title{font-size:13px;font-weight:500;margin-bottom:12px}.card-header{padding:12px 18px;border-bottom:1px solid var(--border);font-size:13px;font-weight:500}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:auto;max-height:480px}table{width:100%;border-collapse:collapse;font-size:12px}thead{position:sticky;top:0;z-index:1}th{padding:9px 14px;text-align:left;color:var(--text-muted);font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}td{padding:9px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--text-dim)}.th-sort-active{color:var(--accent)}.td-name{font-weight:500;white-space:nowrap}.td-mono{font-family:var(--font-mono);font-size:11px}.td-dim{color:var(--text-dim)}.td-muted{color:var(--text-muted)}.td-accent{color:var(--accent);font-weight:500}.td-ot{color:var(--amber);font-weight:500}.td-comm{color:var(--green)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-mono)}.badge-blue{background:var(--blue-dim);color:#93c5fd}.badge-purple{background:#a78bfa26;color:#c4b5fd}.badge-amber{background:var(--amber-dim);color:#fcd34d}.badge-green{background:var(--green-dim);color:#6ee7b7}.badge-gray{background:#64748b26;color:#94a3b8}.flag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:600;font-family:var(--font-mono);margin:1px}.flag-warn{background:var(--amber-dim);color:#fcd34d}.flag-danger{background:var(--red-dim);color:#fca5a5}.flag-info{background:var(--blue-dim);color:#93c5fd}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.spacer{flex:1}.filter-tabs{display:flex;gap:4px}.filter-tab{padding:6px 13px;border-radius:6px;border:none;background:var(--surface);color:var(--text-dim);font-size:11px;font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:background .12s,color .12s}.filter-tab:hover:not(.active){background:var(--card);color:var(--text)}.filter-tab.active{background:var(--accent);color:#000}.search-box{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:7px;padding:6px 10px}.search-box input{border:none;background:transparent;color:var(--text);font-size:12px;outline:none;width:160px;font-family:var(--font-sans)}.count-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.btn-primary{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:var(--accent);color:#000;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-sans);white-space:nowrap;transition:opacity .12s}.btn-primary:hover{opacity:.9}.btn-ghost{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:transparent;border:1px solid var(--border-bright);border-radius:7px;color:var(--text-dim);font-size:12px;cursor:pointer;font-family:var(--font-sans);transition:background .12s,color .12s}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn-sm{padding:4px 9px!important;font-size:11px!important}.btn-danger{border-color:var(--red-dim);color:#fca5a5}.btn-danger:hover{background:var(--red-dim)}.form-card{background:var(--card);border:1px solid var(--border-bright);border-radius:10px;padding:18px}.form-title{font-size:13px;font-weight:500;margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field label{display:block;font-size:11px;color:var(--text-dim);margin-bottom:4px}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;color:var(--text);font-size:12px;font-family:var(--font-sans);outline:none;transition:border-color .12s}.input:focus{border-color:var(--accent)}.input-sm{width:auto!important;padding:6px 10px!important}.form-actions{display:flex;gap:8px;margin-top:14px}.audit-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.audit-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:border-color .15s}.audit-card:hover{border-color:var(--border-bright)}.audit-card-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-mono)}.audit-card-num{font-size:28px;font-weight:600;font-family:var(--font-mono);margin-top:6px}.audit-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.stat-row:last-child{border-bottom:none}.rank-num{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.empty-msg{font-size:12px;color:var(--text-muted)}.flag-row{display:flex;align-items:flex-start;gap:12px;padding:11px 18px;border-bottom:1px solid var(--border)}.flag-row:last-child{border-bottom:none}.flag-row-reviewed{opacity:.45;background:#ffffff03}.flag-row-main{flex:1}.flag-row-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;flex-wrap:wrap}.flag-row-flags{display:flex;gap:4px;flex-wrap:wrap}.review-btn{padding:5px 11px;border:none;border-radius:5px;font-size:10px;font-weight:600;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;flex-shrink:0}.review-btn-pending{background:var(--amber-dim);color:#fcd34d}.review-btn-done{background:var(--green-dim);color:#6ee7b7}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}