*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#111827;background:var(--color-page-bg, #f3f4f6);line-height:1.5}html{background:var(--color-page-bg, #f3f4f6)}:root{--color-primary: #2563eb;--color-secondary: #059669;--color-accent: #7c3aed;--color-sidebar-bg: #111827;--color-sidebar-text: #f9fafb;--color-sidebar-muted: #9ca3af;--color-link: #2563eb;--color-page-bg: #f3f4f6}h1,h2,h3{margin:0 0 .5rem;font-weight:600}p{margin:0 0 .75rem}a{color:var(--color-link, #2563eb);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--color-sidebar-bg, #111827);color:var(--color-sidebar-text, #f9fafb);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sidebar-brand{display:flex;flex-direction:column;gap:.25rem}.brand-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-sidebar-muted, #9ca3af)}.brand-logo{max-width:100%;max-height:56px;object-fit:contain}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar nav a{color:var(--color-sidebar-text, #e5e7eb);padding:.5rem .75rem;border-radius:.375rem;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:color-mix(in srgb,var(--color-sidebar-text, #fff) 12%,transparent);color:var(--color-sidebar-text, #fff)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--color-sidebar-muted, #9ca3af)}.main{padding:1.5rem 2rem;min-width:0;display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.app-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb;text-align:center;color:#6b7280;font-size:.8125rem}.app-footer p{margin:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.page-header h1{font-size:1.5rem}.muted{color:#6b7280;font-size:.875rem}.last-updated{font-size:.75rem;color:#6b7280}.banner{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.banner.demo{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.banner.warning{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.page{display:flex;flex-direction:column;gap:1rem}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.25rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.score-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.375rem;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.score-label{font-size:.75rem;color:#6b7280}.score-value{font-size:1.125rem}.score-hint{font-size:.7rem;color:#9ca3af}.guardrail{font-size:.8125rem;color:#6b7280;font-style:italic}.filter-bar{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;justify-content:space-between}.filter-fields{display:flex;flex-wrap:wrap;gap:.75rem}.filter-field{display:flex;flex-direction:column;gap:.25rem;font-size:.8125rem}.filter-field select,.filter-field input{min-width:10rem;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.25rem}.btn-secondary,.btn-link{cursor:pointer;font:inherit}.btn-secondary{margin-top:.5rem;padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.25rem;background:#fff}.btn-link{border:none;background:none;color:var(--color-link, #2563eb);padding:0}.btn-primary{cursor:pointer;font:inherit;padding:.5rem 1rem;border:none;border-radius:.375rem;background:var(--color-primary, #2563eb);color:#fff}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.settings-grid{display:flex;flex-direction:column;gap:1rem}.settings-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.875rem}.settings-field input[type=text]{padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.375rem}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.color-input-row{display:flex;gap:.5rem;align-items:center}.color-input-row input[type=color]{width:2.75rem;height:2.25rem;padding:0;border:1px solid #d1d5db;border-radius:.25rem;background:none}.color-input-row input[type=text]{flex:1}.settings-actions{display:flex;flex-wrap:wrap;gap:.5rem}.file-button{display:inline-flex;align-items:center;cursor:pointer}.logo-preview{min-height:80px;border:1px dashed #d1d5db;border-radius:.375rem;display:flex;align-items:center;justify-content:center;padding:1rem;margin-bottom:.75rem;background:#f9fafb}.logo-preview-image{max-height:72px;max-width:100%;object-fit:contain}.logo-preview-placeholder{color:#6b7280;font-size:.875rem}.brand-preview{border-radius:.375rem;padding:1rem}.brand-preview-inner{display:flex;flex-direction:column;gap:.25rem}.brand-preview-logo{max-height:40px;max-width:160px;object-fit:contain;margin-bottom:.25rem}.footer-preview{margin-top:.75rem;font-size:.8125rem;color:#6b7280;text-align:center}.settings-submit{display:flex;justify-content:flex-end}.tenant-switch{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.tenant-switch select{width:100%}.state-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:2rem;text-align:center}.state-panel.error{border-color:#fecaca;background:#fef2f2}.state-panel.empty{color:#6b7280}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;text-align:left}th.align-right,td.align-right{text-align:right}.th-sort{border:none;background:none;font:inherit;font-weight:600;cursor:pointer;padding:0}.confusion-matrix-layout{display:grid;gap:1rem;margin-bottom:1rem}@media(min-width:1100px){.confusion-matrix-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}}.confusion-matrix-legend{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.8125rem;line-height:1.45;padding:.875rem 1rem}.confusion-matrix-legend-title{font-size:.875rem;margin:0 0 .625rem}.confusion-matrix-legend-list{list-style:none;margin:0 0 .875rem;padding:0}.confusion-matrix-legend-list li{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:.45rem}.confusion-matrix-legend-list li:last-child{margin-bottom:0}.confusion-matrix-legend-swatch{border:1px solid #d1d5db;border-radius:.2rem;flex-shrink:0;height:1rem;margin-top:.15rem;width:1rem}.confusion-matrix-legend-swatch.diagonal.low{background:#ecfdf5}.confusion-matrix-legend-swatch.error.low{background:#fff7ed}.confusion-matrix-legend-zero{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.2rem;color:#9ca3af;display:inline-flex;flex-shrink:0;font-size:.875rem;height:1rem;justify-content:center;margin-top:.15rem;width:1rem}.confusion-matrix-legend-scales{display:grid;gap:.625rem}.confusion-matrix-legend-scale-label{color:#4b5563;display:block;font-size:.75rem;font-weight:600;margin-bottom:.25rem}.confusion-matrix-legend-gradient{align-items:center;border:1px solid #d1d5db;border-radius:.25rem;display:flex;font-size:.6875rem;height:1.125rem;justify-content:space-between;overflow:hidden;padding:0 .35rem}.confusion-matrix-legend-gradient span{position:relative;z-index:1}.confusion-matrix-legend-gradient.diagonal{background:linear-gradient(to right,#ecfdf5,#077856);color:#374151}.confusion-matrix-legend-gradient.error{background:linear-gradient(to right,#fff7ed,#b91c1c);color:#374151}.confusion-matrix-wrap{overflow:auto}.confusion-matrix{border-collapse:collapse;min-width:960px;width:100%;font-size:.75rem}.confusion-matrix th,.confusion-matrix td{border:1px solid #d1d5db;padding:.35rem .5rem;text-align:center;vertical-align:middle}.confusion-matrix-corner{text-align:left;min-width:120px}.confusion-matrix-header{background:#f9fafb;font-weight:600}.confusion-label-button{background:none;border:none;color:var(--color-link, #2563eb);cursor:pointer;font:inherit;font-weight:600;padding:0;text-align:inherit;text-decoration:underline}.confusion-matrix-cell{min-width:2.5rem;font-variant-numeric:tabular-nums}.confusion-matrix-cell.zero{background:#fff;color:#9ca3af}.confusion-matrix-cell.diagonal{font-weight:700}.matrix-flat-table{margin-top:1rem}.page-title-row,.section-header,.modal-header-actions,.score-label-row{align-items:center;display:flex;gap:.5rem}.page-title-row{margin-bottom:1rem}.page-title-row h1,.section-header h2{margin:0}.info-button{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;color:#3730a3;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;height:1.25rem;justify-content:center;line-height:1;min-width:1.25rem;padding:0}.info-button:hover{background:#e0e7ff}.explanation-list,.cell-detail-list{display:grid;gap:.75rem;margin:0}.explanation-list dt,.cell-detail-list dt{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.02em;margin-bottom:.15rem;text-transform:uppercase}.explanation-list dd,.cell-detail-list dd{margin:0}.confusion-matrix-cell.clickable{cursor:pointer}.confusion-matrix-cell.clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.top-misclassifications h3{font-size:1rem;margin:1.25rem 0 .75rem}.top-misclassifications h3:first-child{margin-top:0}.label-link{text-align:left}.modal-backdrop{align-items:center;background:#1118278c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-panel{background:#fff;border-radius:.5rem;box-shadow:0 20px 40px #0000002e;max-height:90vh;max-width:720px;overflow:auto;padding:1.25rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.binary-matrix{border-collapse:collapse;margin:1rem 0;width:100%}.binary-matrix th,.binary-matrix td{border:1px solid #d1d5db;padding:.5rem .75rem;text-align:center}.binary-metrics-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:1rem 0}.binary-metrics-grid div{display:flex;flex-direction:column;gap:.25rem}.misclassification-list{margin:.5rem 0 0;padding-left:1.25rem}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.recommendation-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.priority-badge{border-radius:999px;font-size:.75rem;font-weight:700;padding:.15rem .55rem;text-transform:uppercase}.priority-high{background:#fee2e2;color:#991b1b}.priority-medium{background:#fef3c7;color:#92400e}.priority-low{background:#e0e7ff;color:#3730a3}.recommendation-type{color:#6b7280;font-size:.75rem;text-transform:capitalize}.recommendation-metric,.recommendation-action{margin:.5rem 0 0}.recommendation-tags-row{margin:.75rem 0 0}.chip{background:#eef2ff;border-radius:999px;display:inline-block;font-size:.75rem;margin:.15rem .25rem .15rem 0;padding:.15rem .55rem}.chip-tag{background:#ecfdf5}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{padding:1rem}.sidebar nav{flex-direction:row;flex-wrap:wrap}.main{padding:1rem}}