:root{--color-background: #f7f7f5;--color-surface: #ffffff;--color-border: #d9e0e6;--color-text: #1f1e1b;--color-text-muted: #5f5e5a;--color-primary: #2a5c99;--color-primary-text: #ffffff;--color-danger: #b3261e;--color-danger-surface: #fceeec;--color-success: #496c42;--color-success-surface: #e9f4e4;--color-warning: #8a5a00;--color-warning-surface: #fcefd9;--color-info: #2a5c99;--color-info-surface: #e6f0fb;--color-disabled: #b9c4cc;--seq-100: #c6d3e3;--seq-200: #a5bad5;--seq-300: #84a1c6;--seq-400: #6388b8;--seq-500: #426fa9;--seq-600: #21569b;--seq-700: #003d8c;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*{box-sizing:border-box}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select{font:inherit;color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);color:var(--color-text);border-bottom:1px solid var(--color-border)}.app-header h1{font-size:1.05rem;font-weight:600;margin:0;color:var(--color-text)}.app-main{flex:1;padding:var(--space-lg);max-width:1400px;width:100%;margin:0 auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.card+.card{margin-top:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.field label{font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.field input,.field select{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.field input:disabled,.field select:disabled{color:var(--color-disabled)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;cursor:pointer}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--color-primary);color:var(--color-primary-text)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.btn-danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.banner{padding:var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-md);font-size:.9rem}.banner-error{background:var(--color-danger-surface);color:var(--color-danger)}.banner-success{background:var(--color-success-surface);color:var(--color-text)}.banner-info{background:var(--color-info-surface);color:var(--color-info)}.empty-state,.loading{padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}table.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{text-align:left;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);vertical-align:top}.data-table th{color:var(--color-text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}.data-table tbody tr:hover{background:var(--color-background)}.table-scroll{overflow-x:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12212b73;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:10}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:480px;width:100%;max-height:85vh;overflow-y:auto}.modal h2{margin-top:0;font-size:1.1rem}.dfac-switcher{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem}.dfac-switcher select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm)}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--color-info-surface);color:var(--color-info)}.metrics-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-lg)}.metrics-preset{display:inline-flex;align-items:center;gap:6px;padding:var(--space-xs) var(--space-md);border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.85rem;cursor:pointer}.metrics-preset:hover{background:var(--color-background)}.metrics-preset.is-selected{border-color:var(--color-primary);background:var(--color-info-surface);font-weight:600}.metrics-preset-check{font-weight:700}.metrics-custom-range{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-top:1px solid var(--color-border);margin-top:var(--space-xs);flex-basis:100%}.metrics-custom-range input{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.metrics-refetching{opacity:.5;transition:opacity .12s ease}.stat-tile-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);border-left:3px solid var(--color-border)}.stat-tile-label{font-size:.78rem;color:var(--color-text-muted);margin-bottom:4px}.stat-tile-value{font-size:1.7rem;font-weight:600;color:var(--color-text);font-variant-numeric:proportional-nums}.stat-tile-sub{font-size:.78rem;color:var(--color-text-muted);margin-top:2px}.chart-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.chart-view-toggle{align-self:flex-start;margin-top:auto}.chart-row{display:flex;flex-wrap:wrap;gap:var(--space-lg);margin-bottom:var(--space-lg)}.chart-row .chart-card{flex:1 1 360px;margin-bottom:0;min-width:0}.chart-title{font-size:.95rem;font-weight:600;margin:0 0 var(--space-sm) 0}.chart-gridline{stroke:var(--color-border);stroke-width:1}.chart-crosshair{stroke:var(--color-text-muted);stroke-width:1}.chart-axis-label{fill:var(--color-text-muted);font-size:11px}.chart-tooltip{position:absolute;pointer-events:none;background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-sm);padding:6px 10px;font-size:.78rem;white-space:nowrap;transform:translate(-50%,-100%);z-index:5}.chart-toggle-table{margin-top:var(--space-sm)}.ranked-bars{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm)}.ranked-bar-row{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:var(--space-sm)}.ranked-bar-label{font-size:.85rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-bar-track{background:var(--color-background);border-radius:var(--radius-sm);height:20px;overflow:hidden}.ranked-bar-fill{height:100%;min-width:3px;border-radius:0 4px 4px 0}.ranked-bar-value{font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums;min-width:42px;text-align:right}