:root{--navy-900:#101826;--navy-800:#16202f;--navy-700:#1d2a3d;--sidebar-fg:#9aa7bb;--sidebar-fg-active:#fff;--sidebar-active-bg:#ffffff0f;--canvas-bg:#fff;--page-bg:#f6f7f9;--border-subtle:#e7e9ee;--border-strong:#d8dbe3;--text-primary:#14181f;--text-secondary:#6b7280;--text-tertiary:#9aa0ab;--accent:#2f5fe0;--accent-soft:#eaf0fe;--success:#16794f;--success-soft:#e7f6ee;--warning:#92620a;--warning-soft:#fdf3df;--danger:#b3261e;--danger-soft:#fbeae9;--neutral-soft:#eef0f3;--rank-s:#16794f;--rank-a:#2f5fe0;--rank-b:#4b5768;--rank-c:#92620a;--rank-d:#b3261e;--font-sans:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", sans-serif;--radius-md:10px;--radius-sm:8px;--radius-pill:999px;--shadow-card:0 1px 2px #1018280a, 0 1px 3px #1018280f}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--page-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-size:13.5px}#root{height:100vh}.app-root{flex-direction:column;height:100vh;display:flex}.app-shell{flex:1;min-height:0;display:flex}.top-bar{border-bottom:1px solid var(--border-subtle);background:#fff;flex-shrink:0;align-items:center;height:48px;padding:0 20px;display:flex}.top-bar-spacer{flex:1}.top-bar-user{align-items:center;gap:10px;font-size:12.5px;display:flex}.top-bar-name{font-weight:700}.top-bar-department{color:var(--text-secondary);font-size:11.5px}.sidebar{background:var(--navy-900);width:184px;color:var(--sidebar-fg);flex-direction:column;flex-shrink:0;padding:18px 0;display:flex}.sidebar-brand{color:var(--sidebar-fg-active);letter-spacing:.01em;align-items:center;gap:8px;margin-bottom:8px;padding:0 18px 16px;font-size:13.5px;font-weight:700;display:flex}.sidebar-brand-mark{background:var(--accent);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;gap:1px;padding:0 8px;display:flex}.sidebar-link{color:var(--sidebar-fg);border-radius:var(--radius-sm);border-left:2px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:12.5px;text-decoration:none;display:flex;position:relative}.sidebar-link svg{opacity:.85;flex-shrink:0;width:15px;height:15px}.sidebar-link:hover{color:var(--sidebar-fg-active);background:#ffffff0d}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-fg-active);border-left-color:var(--accent)}.sidebar-link.disabled{color:#9aa7bb66;cursor:default}.sidebar-link.disabled:hover{background:0 0}.main-canvas{background:var(--canvas-bg);flex:1;padding:28px 36px 48px;overflow-y:auto}.page-title{letter-spacing:-.01em;margin:0 0 4px;font-size:19px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0 0 24px;font-size:12.5px}.section{margin-bottom:32px}.section-title{color:var(--text-primary);margin-bottom:12px;font-size:12.5px;font-weight:700}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:14px;margin-bottom:28px;display:grid}.kpi-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;padding:16px 18px}.kpi-card.placeholder{color:var(--text-tertiary);box-shadow:none;background:#fafbfc;border-style:dashed}.kpi-label{color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:500}.kpi-value{font-family:"Inter", var(--font-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.kpi-value.small{color:var(--text-tertiary);font-size:14px;font-weight:600}.table-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:12px;overflow-x:auto}table.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12.5px}table.data-table th{text-align:left;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600}table.data-table td{border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:9px 12px}table.data-table tbody tr{transition:background .1s}table.data-table tbody tr:hover{cursor:pointer;background:#f8f9fc}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filter-bar select,.filter-bar input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12.5px;font-family:var(--font-sans);background:#fff;padding:6px 10px}.filter-bar select:focus,.filter-bar input:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.badge-rank{color:#fff;border-radius:var(--radius-pill);justify-content:center;min-width:20px;padding:3px 9px}.badge-confirmed{background:var(--success-soft);color:var(--success)}.badge-strong{background:var(--accent-soft);color:var(--accent)}.badge-weak{background:var(--warning-soft);color:var(--warning)}.badge-ambiguous{color:#6a3fae;background:#f1eafe}.badge-unknown{background:var(--neutral-soft);color:var(--text-secondary)}.badge-strong_candidate{background:var(--accent-soft);color:var(--accent)}.badge-weak_candidate{background:var(--warning-soft);color:var(--warning)}.badge-unmatched{background:var(--neutral-soft);color:var(--text-secondary)}.badge-ok{background:var(--success-soft);color:var(--success)}.badge-review_required{background:var(--danger-soft);color:var(--danger)}.review-banner{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-md);border:1px solid #f3cfcb;margin-bottom:20px;padding:12px 16px;font-size:12.5px}.review-banner strong{font-weight:700}.review-banner ul{margin:8px 0 0;padding-left:18px}.detail-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:32px;margin-bottom:20px;padding:22px 26px;display:flex}.detail-hero-rank{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.detail-hero-rank .rank-circle{color:#fff;width:60px;height:60px;font-size:26px;font-weight:700;font-family:"Inter", var(--font-sans);border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-hero-metrics{flex:1;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;display:grid}.metric-block .metric-label{color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:500}.metric-block .metric-value{font-family:"Inter", var(--font-sans);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:700}.tabs{border-bottom:1px solid var(--border-subtle);gap:4px;margin-bottom:18px;display:flex}.tab-button{color:var(--text-secondary);cursor:pointer;font-size:12.5px;font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 14px;transition:color .1s}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;max-width:720px;display:grid}.form-field label{color:var(--text-secondary);margin-bottom:5px;font-size:11.5px;font-weight:500;display:block}.form-field input,.form-field select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font-sans);padding:7px 10px}.form-field input:focus,.form-field select:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}.candidate-list{border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-secondary);background:#fafbfc;margin-top:10px;padding:12px 14px;font-size:12px}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;padding:8px 18px;transition:background .12s,border-color .12s}.btn-primary{background:var(--accent);color:#fff;margin-top:18px}.btn-primary:hover{background:#2650c2}.btn-secondary{color:var(--text-primary);border-color:var(--border-strong);background:#fff}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{color:var(--text-primary)}.muted-note{color:var(--text-tertiary);margin-top:8px;font-size:11.5px}.placeholder-page{border:1px dashed var(--border-strong);border-radius:var(--radius-md);text-align:center;color:var(--text-tertiary);background:#fafbfc;padding:48px}.episode-card,.evidence-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:16px;padding:16px 18px}.evidence-card pre{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#f6f7f9;padding:10px 12px;font-size:11px;overflow-x:auto}