:root{--bg: #f8fafc;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--blue-bg: #eff6ff;--blue-border: #bfdbfe;--blue-text: #1d4ed8;--green-bg: #f0fdf4;--green-border: #bbf7d0;--green-text: #15803d;--amber-bg: #fffbeb;--amber-border: #fde68a;--amber-text: #b45309;--slate-bg: #f8fafc;--slate-border: #e2e8f0;--slate-text: #0f172a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh;background:var(--bg)}.container{max-width:1360px;margin:0 auto;padding:24px}.stack-xl>*+*{margin-top:24px}.stack-lg>*+*{margin-top:20px}.stack-md>*+*{margin-top:12px}.page-title{margin:0;font-size:32px;line-height:1.2}.page-subtitle{margin:8px 0 0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.card-header h3,.panel-title{margin:0;font-size:20px}.card-header p,.panel-subtitle,.muted,.progress-note,.step-desc,.step-number,.metric-note{color:var(--muted)}.card-header p,.panel-subtitle{margin:6px 0 0}.metrics-grid{display:grid;gap:16px}.metrics-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border-radius:18px;border:1px solid var(--border);padding:16px}.metric-label{margin:0;font-size:14px;opacity:.8}.metric-value{margin:10px 0 4px;font-size:28px;font-weight:700}.metric-note{margin:0;font-size:12px}.metric-blue{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue-text)}.metric-green{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text)}.metric-amber{background:var(--amber-bg);border-color:var(--amber-border);color:var(--amber-text)}.metric-slate{background:var(--slate-bg);border-color:var(--slate-border);color:var(--slate-text)}.metric-blue .metric-note,.metric-green .metric-note,.metric-amber .metric-note,.metric-slate .metric-note{color:inherit;opacity:.75}.badge{display:inline-block;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.badge-slate{background:#e2e8f0;color:#334155}.tabs{display:flex;flex-wrap:wrap;gap:10px}.tab{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:10px 16px;cursor:pointer}.tab-active{background:var(--text);color:#fff;border-color:var(--text)}.advisor-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px;align-items:start}.step-list>*+*{margin-top:10px}.step-card{width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:18px;padding:16px;cursor:pointer;transition:.2s ease}.step-card:hover{background:#f8fafc}.step-active{background:var(--text);color:#fff;border-color:var(--text)}.step-active .step-number,.step-active .step-desc{color:#cbd5e1}.step-title{margin:6px 0 4px;font-weight:700}.step-desc,.step-number{margin:0;font-size:12px}.eyebrow{margin:0 0 6px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.progress{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px}.progress-fill.green{background:#22c55e}.progress-fill.blue{background:#3b82f6}.progress-fill.dark{background:#0f172a}.axis-row,.detail-list>div,.row-card{display:flex;justify-content:space-between;gap:16px;align-items:center}.axis-row{font-size:12px;color:var(--muted)}.detail-list{display:grid;gap:10px}.detail-list span{color:var(--muted)}.placeholder-chart{background:#f1f5f9;border-radius:14px;padding:24px;text-align:center;color:var(--muted)}.callout{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:14px}.callout-title{margin:0 0 6px;font-weight:700}.row-card{border:1px solid var(--border);border-radius:14px;padding:14px}.row-title{margin:0;font-weight:700}.row-subtitle{margin:4px 0 0;color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:top}.table th{color:var(--muted);font-weight:600}.list{margin:0;padding-left:20px;display:grid;gap:8px}.list li::marker{color:#22c55e}.amber-list li::marker{color:#f59e0b}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:16px;box-shadow:0 8px 24px #0f172a0d}.btn{border-radius:12px;padding:10px 16px;border:1px solid var(--border);cursor:pointer}.btn-primary{background:var(--text);color:#fff;border-color:var(--text)}.btn-secondary{background:#fff;color:#334155}.btn:disabled{opacity:.5;cursor:not-allowed}.verdict{border-radius:18px;padding:18px;border:1px solid var(--border)}.verdict-title{margin:0 0 8px;font-weight:700}.verdict-pass{background:var(--green-bg);border-color:var(--green-border);color:var(--green-text)}.verdict-fail{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.smoke{background:#f1f5f9;border-radius:14px;padding:14px}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 1100px){.advisor-layout,.two-col,.metrics-grid.two,.metrics-grid.three,.metrics-grid.four{grid-template-columns:1fr}}