:root{color:#20242a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,p{margin:0}h1{color:#111827;font-size:30px;font-weight:700;line-height:1.15}h2{color:#1f2937;font-size:17px;font-weight:700;line-height:1.25}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#e5edf5;background:#17202a;border-right:1px solid #101820;padding:22px 16px}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:#2da66f;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#94a3b8;margin-top:2px;font-size:13px}.nav-list{gap:6px;margin-top:28px;display:grid}.nav-list a,.nav-list button{color:#cbd5e1;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;padding:10px 12px;text-decoration:none;display:block}.nav-list a.active,.nav-list a:hover{color:#fff;background:#223142}.nav-list button:disabled{color:#64748b}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #dde3ea;justify-content:space-between;align-items:center;min-height:68px;padding:14px 28px;display:flex}.topbar strong,.eyebrow{display:block}.eyebrow{color:#64748b;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.content{padding:28px}.page-stack{gap:20px;display:grid}.page-heading{justify-content:space-between;align-items:center;display:flex}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric,.section-panel,.login-panel,.loading-panel{background:#fff;border:1px solid #dde3ea;border-radius:8px;box-shadow:0 1px 2px #0f172a0a}.metric{gap:8px;min-height:92px;padding:18px;display:grid}.metric span,.details-list span{color:#64748b;text-transform:uppercase;font-size:13px;font-weight:700}.metric strong{color:#111827;overflow-wrap:anywhere;font-size:20px}.section-panel{gap:16px;padding:20px;display:grid}.mono-block{color:#334155;white-space:pre-wrap;background:#f1f5f9;border:1px solid #d7dee8;border-radius:6px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.55}.extension-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.extension-status{border:1px solid #dde3ea;border-radius:6px;gap:10px;padding:12px;display:grid}.state-pill{border-radius:999px;justify-content:center;width:max-content;padding:4px 9px;font-size:12px;font-weight:800;display:inline-flex}.present{color:#146c43;background:#dff6e9}.missing{color:#9a3412;background:#fde9df}.neutral{color:#334155;background:#e8eef6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{text-align:left;border-bottom:1px solid #e4eaf0;padding:12px 10px}th{color:#475569;text-transform:uppercase;font-size:12px}.expected-row{background:#f4fbf7}.details-list{gap:0}.details-list div{border-bottom:1px solid #e4eaf0;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.details-list div:last-child{border-bottom:0}.login-screen,.loading-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{width:100%;max-width:420px;padding:28px}.login-brand{margin-bottom:28px}.login-form{gap:18px;display:grid}.login-form p{color:#64748b;margin-top:8px}label{color:#334155;gap:7px;font-size:14px;font-weight:700;display:grid}input{color:#111827;border:1px solid #cbd5e1;border-radius:6px;padding:10px 12px}input:focus{border-color:#2da66f;outline:2px solid #2da66f2e}.primary-button,.secondary-button{border-radius:6px;min-height:40px;padding:9px 14px;font-weight:800}.primary-button{color:#fff;background:#2da66f;border:1px solid #21865a}.secondary-button{color:#1f2937;background:#fff;border:1px solid #cbd5e1}.alert{color:#9a3412;background:#fff4e5;border:1px solid #fdba74;border-radius:6px;padding:10px 12px}.loading-panel{align-items:center;gap:10px;padding:18px 20px;display:flex}.status-dot{background:#2da66f;border-radius:50%;width:10px;height:10px}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;padding:16px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.content,.topbar{padding:18px}.metric-grid,.extension-status-grid{grid-template-columns:1fr}}
