:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,select,input{font:inherit}.app-shell{grid-template-columns:minmax(240px,300px) 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#18181b;flex-direction:column;gap:24px;padding:32px 24px;display:flex}.eyebrow{color:#60a5fa;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:28px;line-height:1.15}h2{margin-bottom:0;font-size:26px;line-height:1.2}h3{margin-bottom:0;font-size:17px}.selector-group{gap:10px;display:grid}.selector-group label{color:#d4d4d8;font-size:13px}.selector-group select,.selector-group input[type=range]{width:100%}.selector-group select{color:#fff;background:#27272a;border:1px solid #3f3f46;border-radius:8px;min-height:42px;padding:0 12px}.selector-group strong{color:#bfdbfe}.workspace{padding:32px;overflow-x:hidden}.workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.refresh-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-width:88px;min-height:40px}.refresh-button:disabled{cursor:wait;opacity:.6}.error-banner{color:#991b1b;background:#fee2e2;border-radius:8px;margin-bottom:18px;padding:12px 14px}.metrics{grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px;margin-bottom:18px;display:grid}.metric{background:#fff;border:1px solid #d8dee9;border-radius:8px;gap:6px;padding:16px;display:grid}.metric span{color:#6b7280;font-size:13px}.metric strong{color:#111827;font-size:24px}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{background:#fff;border:1px solid #d8dee9;border-radius:8px;padding:18px}.wide-panel{grid-column:1/-1}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-heading span{color:#6b7280;font-size:13px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:11px 8px}th{color:#6b7280;font-size:12px;font-weight:700}td{color:#27272a}.recommendation-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.recommendation-list li{border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.recommendation-list p{color:#6b7280;margin:4px 0 0}.recommendation-list span{color:#1d4ed8;background:#dbeafe;border-radius:999px;flex:none;padding:6px 10px;font-weight:700}.empty-state{color:#6b7280;margin-bottom:0}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar,.workspace{padding:24px}.workspace-header{flex-direction:column}.metrics,.content-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}}@media (width<=560px){.workspace,.sidebar{padding:18px}h1{font-size:24px}h2{font-size:21px}th,td{padding:10px 6px}.recommendation-list li{flex-direction:column;align-items:flex-start}}