:root{color:#142033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#eef5ff 0,#f7f9fd 36rem,#f4f7fb)}button{border:0;border-radius:12px;background:#1d4ed8;color:#fff;cursor:pointer;font-weight:780;padding:.78rem 1rem;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}button:hover:not(:disabled){background:#1e40af;box-shadow:0 12px 28px #1d4ed82e;transform:translateY(-1px)}button:disabled{background:#a8b3c5;cursor:not-allowed}button.secondary,.topTabs button{background:#edf2f8;color:#152238}button.ghost{background:transparent;color:#475569;text-align:left}button.active{background:#13213a;color:#fff}input,textarea,select{background:#fff;border:1px solid #d5deeb;border-radius:12px;color:#142033;display:block;margin-top:.4rem;padding:.82rem;width:100%}textarea{min-height:6.5rem;resize:vertical}label{color:#27364d;display:block;font-weight:760;margin:1rem 0}label.checkRow{align-items:center;display:flex;gap:.6rem}label.checkRow input{margin:0;width:auto}code{background:#edf5ff;border-radius:7px;color:#1d4ed8;padding:.12rem .38rem}pre{background:#0f172a;border-radius:16px;color:#dbeafe;max-height:28rem;overflow:auto;padding:1rem;white-space:pre-wrap}summary{cursor:pointer;font-weight:820}.shell{margin:0 auto;max-width:1240px;padding:2rem}.hero{align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr) 320px;margin-bottom:1.1rem}.hero h1{font-size:clamp(2.35rem,6vw,4.6rem);letter-spacing:-.06em;line-height:.95;margin:0 0 .9rem}.hero p{color:#51617a;font-size:1.08rem;max-width:760px}.eyebrow{color:#2563eb;font-size:.78rem;font-weight:860;letter-spacing:.11em;margin:0 0 .45rem;text-transform:uppercase}.heroPanel,.panel,.subcard,.statusCard,.testCard,.nextBanner,.callout,.notice,.activityItem,.emptyState,.formField{background:#ffffffeb;border:1px solid #e1e8f2;border-radius:22px;box-shadow:0 18px 48px #0f172a12}.heroPanel{display:flex;flex-direction:column;gap:.65rem;padding:1.2rem}.heroPanel span{background:#eff6ff;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:.84rem;font-weight:820;padding:.42rem .72rem}.topTabs{background:#ffffffbd;border:1px solid #e1e8f2;border-radius:18px;display:flex;flex-wrap:wrap;gap:.45rem;margin:1.15rem 0;padding:.45rem;position:sticky;top:.5rem;z-index:5}.topTabs button{border-radius:14px}.pageStack{display:grid;gap:1rem;margin-top:1rem}.sectionTitle{align-items:center;display:flex;gap:1rem;justify-content:space-between}.sectionTitle h2{font-size:clamp(1.55rem,3vw,2.25rem);letter-spacing:-.035em;margin:0}.sectionTitle p{margin:.25rem 0 0}.muted{color:#64748b}.notice{background:#e0f2fe;color:#075985;font-weight:760;padding:1rem}.grid{display:grid;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.overviewCards{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.statusCard,.testCard,.panel,.subcard,.nextBanner,.callout,.activityItem,.emptyState{padding:1.15rem}.statusCard{min-height:12rem}.statusCard h3,.testCard h3,.activityItem h3{font-size:1.1rem;margin:.8rem 0 .35rem}.statusCard p,.testCard p,.activityItem p{color:#53637b;margin:.3rem 0}.statusCard small,.testCard small{color:#64748b;display:block;margin-top:.55rem}.nextBanner{background:linear-gradient(135deg,#172554,#1d4ed8);color:#fff;font-size:1.08rem}.badge{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:860;padding:.36rem .65rem}.badge.safe,.safeSoft{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.badge.warning,.warningSoft{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.badge.neutral,.neutralSoft{background:#eef4ff;border-color:#dbeafe;color:#1d4ed8}.callout{align-items:flex-start;display:grid;gap:.35rem}.callout ul{margin:.35rem 0 0}.progress{background:#fff;border:1px solid #e1e8f2;border-radius:18px;display:grid;gap:.65rem;padding:1rem}.progress span{color:#334155;font-weight:820}.progress div{background:#e8eef7;border-radius:999px;height:.7rem;overflow:hidden}.progress i{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:inherit;display:block;height:100%}.wizardLayout{display:grid;gap:1rem;grid-template-columns:300px minmax(0,1fr)}.stepRail{display:grid;gap:.55rem}.stepRail button{align-items:flex-start;display:grid;gap:.2rem;text-align:left}.stepRail button.locked{opacity:.65}.stepRail small{color:inherit;opacity:.75;text-transform:capitalize}.wizardCard{background:#fff;border:1px solid #e1e8f2;border-radius:24px;box-shadow:0 18px 48px #0f172a12;padding:1.5rem}.wizardCard h2{margin-bottom:.4rem}.settingsLayout{display:grid;gap:1rem;grid-template-columns:240px minmax(0,1fr)}.settingsSide{background:#fff;border:1px solid #e1e8f2;border-radius:22px;display:grid;gap:.35rem;height:fit-content;padding:.5rem}.settingsSide button{justify-content:flex-start;text-align:left}.settingsForm{background:#fff;border:1px solid #e1e8f2;border-radius:22px;display:grid;gap:.9rem;padding:1rem}.formField{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(280px,430px);padding:1rem}.formField label{margin:0}.formField p{color:#53637b;margin:.35rem 0}.formField small{color:#64748b;display:block}.fieldActions,.buttonRow{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.7rem}.stack{display:grid;gap:.65rem}.testGrid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.testCard{display:grid;gap:.6rem}.activityItem{align-items:start;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(240px,360px)}.auditValues{background:#f8fafc;border-radius:14px;color:#475569;display:grid;gap:.4rem;padding:.8rem}.emptyState{background:#f8fafc;color:#475569}.okText{color:#166534;font-weight:820}.badText{color:#991b1b;font-weight:820}.historyList{display:grid;gap:.8rem}.historyItem{background:#fff;border:1px solid #e1e8f2;border-radius:16px;padding:.9rem}@media (max-width: 1024px){.hero,.overviewCards,.wizardLayout,.settingsLayout,.formField,.testGrid,.activityItem,.grid.two{grid-template-columns:1fr}.topTabs{position:static}}@media (max-width: 640px){.shell{padding:1rem}.sectionTitle,.buttonRow,.fieldActions{align-items:stretch;flex-direction:column}button{width:100%}}.nestedPanel{border-style:dashed}.checkRow{display:flex;align-items:center;gap:.5rem;min-height:3rem}.checkRow input{width:auto}select{width:100%;padding:.75rem;border-radius:.75rem;border:1px solid var(--border);background:var(--surface);color:var(--text)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.softPanel{background:#f8fafc;box-shadow:none}@media (max-width: 1024px){.grid.three{grid-template-columns:1fr}}.guidePanel,.stuckState{margin:var(--space-5) 0;padding:var(--space-5);background:linear-gradient(180deg,#fffffff5,#f8fafce0);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.guidePanel.compact{margin:var(--space-4) 0;padding:var(--space-4);background:#f8fafcdb}.guidePanel h3,.guidePanel strong,.stuckState strong{display:block;margin:0 0 var(--space-2);color:var(--ink);letter-spacing:-.02em}.guidePanel p,.guideItem p,.helpTopic p,.stuckState p{margin:0 0 var(--space-3);color:var(--muted)}.guideGrid,.helpGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}.helpGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.guideItem,.helpTopic{padding:var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.guideItem strong,.helpTopic strong{margin-bottom:var(--space-2)}.configLabel{display:inline-flex;width:fit-content;margin:0 0 var(--space-2);padding:.24rem .5rem;color:var(--primary-strong);background:var(--primary-soft);border:1px solid rgba(49,94,251,.12);border-radius:999px;font-size:.74rem;font-weight:820;letter-spacing:.03em;text-transform:uppercase}.commandList{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.copyCommand{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-2);background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm)}.copyCommand code{overflow-x:auto;white-space:nowrap}.copyCommand button{min-height:2.25rem;padding:.48rem .72rem}.stuckState{background:linear-gradient(135deg,var(--warning-bg),#ffffff);border-color:#b86b0033}.stuckState ul{margin:0 0 var(--space-4);color:var(--ink-soft)}.stuckState li{margin:.35rem 0}.guidePanel summary{cursor:pointer;color:var(--ink);font-weight:820}.stepRail button{min-height:4.75rem;padding:.8rem .9rem;border:1px solid transparent;box-shadow:none;transform:none}.stepRail button:hover:not(:disabled){transform:none}.stepRail .step-active{background:#172554;color:#fff;border-color:#172554}.stepRail .step-complete{background:#ecfdf3;color:#166534;border-color:#bbf7d0}.stepRail .step-needs-action{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.stepRail .step-optional{background:#f8fafc;color:#475569;border-color:#e2e8f0}.stepRail .step-locked{background:#f1f5f9;color:#64748b;border-color:#e2e8f0;opacity:.85}.stepRail button span,.stepRail button small{display:block;line-height:1.25}.stepRail button small{margin-top:.25rem;font-size:.78rem;font-weight:720}.settingsForm.compact{border:0;box-shadow:none;padding:0}.wizardContent,.readinessList{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.readinessRow{padding:var(--space-4);background:#fff;border:1px solid var(--border);border-radius:var(--radius-md)}.readinessRow p{margin:var(--space-2) 0 0;color:var(--muted)}:root{--background: #f8fafc;--foreground: #0f172a;--card: rgba(255, 255, 255, .94);--card-foreground: #0f172a;--muted: #e2e8f0;--muted-foreground: #64748b;--border: #e2e8f0;--input: #cbd5e1;--primary: #0f172a;--primary-foreground: #f8fafc;--secondary: #f1f5f9;--secondary-foreground: #0f172a;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--info: #2563eb;--radius: .9rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:radial-gradient(circle at top left,#e0f2fe 0,#f8fafc 32rem,#eef2ff);color:var(--foreground)}button,input,textarea,select{font:inherit}pre{background:#020617;border-radius:1rem;color:#dbeafe;font-size:.82rem;max-height:30rem;overflow:auto;padding:1rem;white-space:pre-wrap}.muted{color:var(--muted-foreground)}.modern-shell{display:grid;grid-template-columns:18rem minmax(0,1fr);min-height:100vh}.modern-sidebar{background:#020617f0;border-right:1px solid rgba(255,255,255,.08);color:#fff;display:flex;flex-direction:column;gap:1.3rem;padding:1.25rem;position:sticky;top:0;height:100vh}.brand-mark{align-items:center;background:linear-gradient(135deg,#38bdf8,#8b5cf6);border-radius:1.2rem;display:inline-flex;font-weight:900;height:3rem;justify-content:center;width:3rem}.modern-sidebar h1{font-size:1.55rem;letter-spacing:-.04em;margin:.2rem 0}.modern-sidebar p{color:#cbd5e1;margin:0}.modern-sidebar nav{display:grid;gap:.35rem}.modern-sidebar nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:.9rem;color:#cbd5e1;display:flex;gap:.7rem;justify-content:flex-start;padding:.75rem .85rem;text-align:left}.modern-sidebar nav button:hover,.modern-sidebar nav button.active{background:#ffffff17;border-color:#ffffff1a;color:#fff}.modern-sidebar nav button span{align-items:center;background:#ffffff17;border-radius:.65rem;display:inline-flex;height:1.8rem;justify-content:center;min-width:1.8rem}.sidebar-status{border-top:1px solid rgba(255,255,255,.09);display:grid;gap:.45rem;margin-top:auto;padding-top:1rem}.sidebar-status small{color:#94a3b8;overflow-wrap:anywhere}.modern-main{display:grid;gap:1rem;padding:1.25rem}.modern-topbar{align-items:end;background:#ffffffc7;border:1px solid var(--border);border-radius:1.4rem;box-shadow:0 18px 50px #0f172a12;display:grid;gap:1rem;grid-template-columns:minmax(12rem,1fr) minmax(0,3fr);padding:1rem;position:sticky;top:1rem;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.modern-topbar h2{font-size:1.6rem;letter-spacing:-.04em;margin:0;text-transform:capitalize}.connect-panel{align-items:end;display:grid;gap:.75rem;grid-template-columns:1.4fr 1fr auto auto}.page-grid{display:grid;gap:1rem}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.button-row,.issue-strip{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.secret-grid{display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr))}.secret-grid div{align-items:center;background:#f8fafc;border:1px solid var(--border);border-radius:.9rem;display:flex;justify-content:space-between;padding:.8rem}.ui-card{background:var(--card);border:1px solid var(--border);border-radius:1.35rem;box-shadow:0 18px 50px #0f172a12;color:var(--card-foreground);padding:1.1rem}.hero-card{background:linear-gradient(135deg,#fffffff5,#eff6ffeb)}.ui-card-header{align-items:start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.ui-card-header h2{font-size:1.45rem;letter-spacing:-.035em;margin:0}.ui-card-header p{color:var(--muted-foreground);margin:.25rem 0 0;max-width:62rem}.ui-card-action{flex-shrink:0}.ui-eyebrow{color:var(--info);font-size:.74rem;font-weight:900;letter-spacing:.12em;margin:0 0 .3rem;text-transform:uppercase}.ui-button{align-items:center;background:var(--primary);border:1px solid var(--primary);border-radius:.85rem;color:var(--primary-foreground);cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;min-height:2.7rem;padding:.7rem .95rem;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.ui-button:hover:not(:disabled){box-shadow:0 14px 30px #0f172a24;transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button-secondary{background:var(--secondary);border-color:var(--border);color:var(--secondary-foreground)}.ui-button-ghost{background:transparent;border-color:transparent;color:var(--foreground)}.ui-button-destructive{background:var(--danger);border-color:var(--danger)}.ui-button-sm{min-height:2.1rem;padding:.35rem .7rem}.ui-badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:900;padding:.32rem .6rem;text-transform:capitalize}.ui-badge-default,.ui-badge-muted{background:#f1f5f9;color:#475569}.ui-badge-success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.ui-badge-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.ui-badge-danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.ui-badge-info{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.ui-alert{border-radius:1rem;display:grid;gap:.25rem;padding:1rem}.ui-alert-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a}.ui-alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.ui-alert-danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.ui-field{color:#334155;display:grid;gap:.4rem;font-size:.86rem;font-weight:850;margin:0}.ui-field input,.ui-field textarea,.ui-field select{background:#fff;border:1px solid var(--input);border-radius:.85rem;color:var(--foreground);padding:.72rem .8rem;width:100%}.ui-field textarea{min-height:7rem;resize:vertical}.ui-progress{display:grid;gap:.5rem}.ui-progress-header{align-items:center;color:#334155;display:flex;font-weight:800;justify-content:space-between}.ui-progress-track{background:#e2e8f0;border-radius:999px;height:.8rem;overflow:hidden}.ui-progress-track span{background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:inherit;display:block;height:100%}.ui-stat-card{display:grid;gap:.5rem;min-height:9rem}.ui-stat-top{align-items:center;display:flex;justify-content:space-between}.ui-stat-top span{color:var(--muted-foreground);font-size:.84rem;font-weight:850}.ui-stat-card strong{font-size:2.25rem;letter-spacing:-.06em}.ui-stat-card p{color:var(--muted-foreground);margin:0}.ui-empty{background:#f8fafc;border:1px dashed var(--border);border-radius:1rem;color:var(--muted-foreground);padding:1rem}.ui-table-wrap{border:1px solid var(--border);border-radius:1rem;overflow:auto}.ui-table{border-collapse:collapse;min-width:100%}.ui-table th{background:#f8fafc;color:#475569;font-size:.76rem;letter-spacing:.04em;padding:.75rem;text-align:left;text-transform:uppercase}.ui-table td{border-top:1px solid var(--border);color:#334155;padding:.75rem;vertical-align:top}.ui-table tr:hover td{background:#f8fafc}.chart-donut-layout{align-items:center;display:grid;gap:1rem;grid-template-columns:9rem minmax(0,1fr)}.chart-donut{align-items:center;border-radius:999px;display:flex;height:8.5rem;justify-content:center;position:relative;width:8.5rem}.chart-donut:after{background:#fff;border-radius:999px;content:"";top:1.3rem;right:1.3rem;bottom:1.3rem;left:1.3rem;position:absolute}.chart-donut span{font-size:1.8rem;font-weight:900;position:relative;z-index:1}.chart-legend{display:grid;gap:.45rem}.chart-legend div{align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto}.chart-dot{border-radius:999px;display:inline-block;height:.7rem;width:.7rem}.chart-dot-0{background:#2563eb}.chart-dot-1{background:#22c55e}.chart-dot-2{background:#f59e0b}.chart-dot-3{background:#ef4444}.chart-dot-4{background:#8b5cf6}.chart-dot-5{background:#06b6d4}.chart-bars,.chart-funnel{display:grid;gap:.7rem}.chart-bar-row,.chart-funnel-step{align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(6rem,1fr) 3fr auto}.chart-bar-row div,.chart-funnel-step div{background:#e2e8f0;border-radius:999px;height:.75rem;overflow:hidden}.chart-bar-row i,.chart-funnel-step i{background:linear-gradient(90deg,#2563eb,#8b5cf6);border-radius:inherit;display:block;height:100%}.chart-funnel-step i{background:linear-gradient(90deg,#0ea5e9,#22c55e)}@media (max-width: 1180px){.modern-shell{grid-template-columns:1fr}.modern-sidebar{height:auto;position:static}.modern-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.modern-topbar,.connect-panel,.stats-grid,.chart-grid,.grid.two,.secret-grid{grid-template-columns:1fr}}@media (max-width: 700px){.modern-main,.modern-sidebar{padding:.85rem}.modern-sidebar nav{grid-template-columns:1fr}.ui-card-header{display:grid}.chart-donut-layout,.chart-bar-row,.chart-funnel-step{grid-template-columns:1fr}}
