:root{--font-sans: "IBM Plex Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-metric: 2rem;--line-xs: 1rem;--line-sm: 1.25rem;--line-md: 1.5rem;--line-lg: 1.75rem;--line-xl: 2.1rem;--line-metric: 2.3rem;--weight-xs: 500;--weight-sm: 500;--weight-md: 500;--weight-lg: 600;--weight-xl: 650;--weight-metric: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 2.5rem;--space-9: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(10, 24, 44, .08);--shadow-sm: 0 4px 10px rgba(10, 24, 44, .08);--shadow-md: 0 10px 24px rgba(10, 24, 44, .12);--shadow-lg: 0 22px 48px rgba(10, 24, 44, .16);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .65);--motion-page: .18s;--motion-card: .17s;--motion-toast: .19s;--motion-pulse: 1.4s;--ease-out: cubic-bezier(.2, .75, .28, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--bg-app: #f2f5fa;--bg: #f2f5fa;--bg-glow-1: #dbe8fb;--bg-glow-2: #cfe4f7;--bg-surface: #ffffff;--bg-surface-muted: #f8fbff;--bg-elevated: #ffffff;--text-primary: #0f1d33;--text-secondary: #52627a;--text-muted: #6f8098;--text-inverse: #edf3ff;--border-subtle: #d5dfeb;--border-strong: #b9c8dc;--focus-ring: #2157ac;--accent: #114a95;--accent-strong: #0b356a;--accent-soft: #d9e8ff;--status-success: #0f7a53;--status-warning: #9a5b06;--status-critical: #b73b2f;--status-info: #0b5c9d;--sidebar-bg: #0a1730;--sidebar-hover: #11254a;--sidebar-active: #1a3f7c;--sidebar-text: #d6e6ff;--table-row-alt: #f9fbff;--table-row-hover: #edf4ff;--skeleton-base: #e9eff8;--skeleton-highlight: #f5f9ff;--overlay: rgba(10, 24, 44, .55);--badge-success-bg: #d8f8eb;--badge-success-text: #0f6a48;--badge-success-border: #aee5cc;--badge-warning-bg: #fff1d6;--badge-warning-text: #8e5003;--badge-warning-border: #f3d39b;--badge-critical-bg: #ffe2de;--badge-critical-text: #a33227;--badge-critical-border: #f1b6af;--badge-info-bg: #ddecff;--badge-info-text: #0d4f86;--badge-info-border: #b5d3f6;font-family:var(--font-sans)}:root[data-theme=light]{color-scheme:light;--bg: #f2f5fa}:root[data-theme=dark]{color-scheme:dark;--bg-app: #091120;--bg: #091120;--bg-glow-1: #0f213d;--bg-glow-2: #0e2a3f;--bg-surface: #111d33;--bg-surface-muted: #15253f;--bg-elevated: #1a2d4b;--text-primary: #e8efff;--text-secondary: #b6c4dd;--text-muted: #95a7c7;--text-inverse: #f4f8ff;--border-subtle: #2a3e61;--border-strong: #3b547e;--focus-ring: #6ea6ff;--accent: #8db7ff;--accent-strong: #b9d3ff;--accent-soft: #1c3760;--status-success: #55d1a6;--status-warning: #f2c268;--status-critical: #ff9f95;--status-info: #7ac7ff;--sidebar-bg: #050b18;--sidebar-hover: #132442;--sidebar-active: #1d457e;--sidebar-text: #dce8ff;--table-row-alt: #13223a;--table-row-hover: #1a3253;--skeleton-base: #1f3250;--skeleton-highlight: #294267;--overlay: rgba(3, 8, 17, .75);--badge-success-bg: #1c4338;--badge-success-text: #8ef0cb;--badge-success-border: #326958;--badge-warning-bg: #4a3715;--badge-warning-text: #ffd48a;--badge-warning-border: #73562a;--badge-critical-bg: #4e2026;--badge-critical-text: #ffb5b9;--badge-critical-border: #78414a;--badge-info-bg: #1b3455;--badge-info-text: #9ad6ff;--badge-info-border: #36567d}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text-primary);font-family:var(--font-sans);background:radial-gradient(circle at 4% -25%,var(--bg-glow-1) 0%,transparent 44%),radial-gradient(circle at 102% 2%,var(--bg-glow-2) 0%,transparent 46%),var(--bg-app)}h1,h2,h3,h4{margin:0;letter-spacing:-.015em}h1{font-size:var(--text-xl);line-height:var(--line-xl);font-weight:var(--weight-xl)}h2{font-size:var(--text-lg);line-height:var(--line-lg);font-weight:var(--weight-lg)}h3{font-size:var(--text-md);line-height:var(--line-md);font-weight:var(--weight-lg)}p{margin-top:0;margin-bottom:var(--space-3)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button{border:1px solid var(--accent-strong);border-radius:var(--radius-sm);background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-xs);padding:.56rem .92rem;cursor:pointer;transition:transform var(--motion-card) var(--ease-standard),box-shadow var(--motion-card) var(--ease-standard),filter var(--motion-card) var(--ease-standard),background-color var(--motion-card) var(--ease-standard)}button:hover{filter:brightness(1.04);box-shadow:var(--shadow-sm)}button:active{transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);padding:.54rem .68rem;transition:border-color var(--motion-card) var(--ease-standard),box-shadow var(--motion-card) var(--ease-standard)}input:hover,select:hover,textarea:hover{border-color:var(--accent)}code,pre{font-family:var(--font-mono)}pre{background:var(--bg-surface-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);overflow-x:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}hr{border:0;border-top:1px solid var(--border-subtle)}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,280px) minmax(0,1fr);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);padding:var(--space-3) var(--space-6);background:color-mix(in oklab,var(--bg-surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-left,.topbar-center,.topbar-right{display:flex;align-items:center}.topbar-left{justify-content:flex-start}.topbar-center{justify-content:center}.topbar-right{justify-content:flex-end}.brand{color:var(--accent-strong);display:inline-flex;align-items:center;gap:var(--space-2)}.brand-logo-mark{width:2rem;height:2rem}.brand-name{color:var(--accent-strong);font-size:var(--text-md);font-weight:var(--weight-lg);letter-spacing:.02em}.org-control{width:min(100%,280px);display:grid;gap:.18rem;color:var(--text-secondary);font-size:var(--text-xs)}.org-control span{text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-lg)}.org-control select{width:100%;font-size:var(--text-sm);font-weight:var(--weight-md)}.user-menu{position:relative}.user-menu>summary{list-style:none;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--bg-surface);padding:.22rem .35rem .22rem .22rem}.user-menu>summary::-webkit-details-marker{display:none}.avatar-badge{width:1.9rem;height:1.9rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;background:var(--accent-soft);color:var(--accent-strong);border:1px solid color-mix(in oklab,var(--accent) 34%,var(--border-strong))}.avatar-name{padding-right:var(--space-1);color:var(--text-primary);font-size:var(--text-sm);max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-menu-popover{position:absolute;right:0;top:calc(100% + .45rem);min-width:188px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2);background:var(--bg-elevated);box-shadow:var(--shadow-lg);display:grid;gap:var(--space-1)}.menu-item{width:100%;text-align:left;border:0;background:transparent;color:var(--text-primary);border-radius:var(--radius-sm);padding:.5rem .6rem;box-shadow:none}.menu-item:hover{background:var(--bg-surface-muted);filter:none;box-shadow:none}.menu-item.danger{color:var(--status-critical)}.layout{flex:1;min-height:0;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5) var(--space-4);background:var(--sidebar-bg);border-right:1px solid color-mix(in oklab,var(--sidebar-bg) 80%,#000000)}.nav-item,.sidebar a{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;padding:.58rem .74rem;transition:background-color var(--motion-card) var(--ease-standard),color var(--motion-card) var(--ease-standard),transform var(--motion-card) var(--ease-standard)}.nav-item:hover,.sidebar a:hover{text-decoration:none;background:var(--sidebar-hover);color:var(--text-inverse);transform:translate(1px)}.nav-item.active,.sidebar a.active{background:var(--sidebar-active);color:var(--text-inverse);box-shadow:var(--shadow-inset);font-weight:700}.nav-item-icon{width:1.12rem;height:1.12rem;flex:0 0 auto}.nav-item-label{white-space:nowrap}.icon-glyph svg{display:block;width:100%;height:100%}.content{padding:var(--space-6);min-width:0}.content-login{display:flex;align-items:flex-start}.auth-route-shell{max-width:760px}.page-shell{width:100%;max-width:1320px;margin:0 auto;display:grid;gap:var(--space-4)}.page-transition{animation:page-fade var(--motion-page) var(--ease-out) both}@keyframes page-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary);max-width:92ch}.page-meta{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-xs)}.page-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.btn-link{display:inline-flex;align-items:center;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);background:var(--accent);color:var(--text-inverse);box-shadow:var(--shadow-xs);padding:.54rem .86rem;text-decoration:none;font-weight:600}.btn-link:hover{text-decoration:none;filter:brightness(1.04)}.cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cards-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card,.ui-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-sm);padding:var(--space-4);overflow:hidden;transition:border-color var(--motion-card) var(--ease-standard),box-shadow var(--motion-card) var(--ease-standard),transform var(--motion-card) var(--ease-standard)}.card:hover,.ui-card:hover{border-color:color-mix(in oklab,var(--accent) 30%,var(--border-subtle));box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.card-title{font-size:var(--text-md);line-height:var(--line-md);margin:0}.card-subtitle{margin:.35rem 0 0;color:var(--text-secondary);font-size:var(--text-sm)}.card-actions{display:flex;gap:var(--space-2);align-items:center}.card-footnote{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--text-xs)}.stat-card .metric-value{font-size:var(--text-metric);line-height:var(--line-metric);font-weight:var(--weight-metric)}.stat-value-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.metric-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.metric-value{font-size:1.4rem;line-height:1.1;font-weight:var(--weight-metric)}.muted{color:var(--text-secondary)}.error,.error-text{color:var(--status-critical)}.state-card{box-shadow:none}.state-card p{margin:0}.state-icon{width:1.25rem;height:1.25rem;margin-bottom:var(--space-2);color:var(--text-secondary)}.state-card .state-hint{margin-top:var(--space-2);color:var(--text-secondary)}.state-loading{background:linear-gradient(180deg,var(--bg-surface-muted) 0%,color-mix(in oklab,var(--accent-soft) 45%,var(--bg-surface) 55%) 100%)}.state-error{border-color:var(--badge-critical-border);background:color-mix(in oklab,var(--badge-critical-bg) 40%,var(--bg-surface) 60%)}.state-empty{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-surface-muted) 100%)}.status-pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);border:1px solid transparent;padding:.2rem .62rem;font-size:var(--text-xs);line-height:1.1;font-weight:700;white-space:nowrap}.status-pill.tone-green{background:var(--badge-success-bg);color:var(--badge-success-text);border-color:var(--badge-success-border)}.status-pill.tone-yellow{background:var(--badge-warning-bg);color:var(--badge-warning-text);border-color:var(--badge-warning-border)}.status-pill.tone-red{background:var(--badge-critical-bg);color:var(--badge-critical-text);border-color:var(--badge-critical-border)}.status-pill.tone-info,.status-pill.tone-unknown{background:var(--badge-info-bg);color:var(--badge-info-text);border-color:var(--badge-info-border)}.data-table{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:auto;background:var(--bg-surface)}.data-table-empty{margin-top:var(--space-2)}table{width:100%;border-collapse:collapse;background:var(--bg-surface)}caption{text-align:left;padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm)}th,td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:.72rem .78rem;vertical-align:top}th{position:sticky;top:0;z-index:1;background:var(--bg-surface-muted);color:var(--text-primary);font-size:var(--text-xs);letter-spacing:.03em;text-transform:uppercase}tbody tr{transition:background-color var(--motion-card) var(--ease-standard)}tbody tr:nth-child(2n){background:var(--table-row-alt)}tbody tr:hover{background:var(--table-row-hover)}tbody tr.row-clickable{cursor:pointer}tbody tr.row-clickable:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.align-right{text-align:right}.align-center{text-align:center}.top-issues-list{margin:0;padding-left:1.2rem;display:grid;gap:var(--space-3)}.top-issues-list li{padding-left:.08rem}.tabs{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:var(--space-3)}.tab-button{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);padding:.44rem .74rem;box-shadow:none}.tab-button.active{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.tab-panel{display:grid;gap:var(--space-4)}.detail-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:.4rem .8rem}.detail-grid dt{color:var(--text-secondary)}.detail-grid-hint{grid-column:2;margin-top:-.15rem;margin-bottom:.35rem;font-size:var(--text-sm)}.onboarding-progress{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.onboarding-progress li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--bg-surface-muted)}.onboarding-progress li.active{border-color:color-mix(in oklab,var(--accent) 45%,var(--border-subtle));background:color-mix(in oklab,var(--accent-soft) 42%,var(--bg-surface) 58%)}.onboarding-progress li.complete{border-color:var(--badge-success-border);background:color-mix(in oklab,var(--badge-success-bg) 55%,var(--bg-surface) 45%)}.step-number{width:1.8rem;height:1.8rem;border-radius:50%;border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:700;background:var(--bg-surface)}.onboarding-progress li p{margin:var(--space-1) 0 0;color:var(--text-secondary)}.onboarding-step-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto;align-items:end}.onboarding-step-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.onboarding-guidance{margin-top:var(--space-3);border:1px solid var(--badge-critical-border);background:color-mix(in oklab,var(--badge-critical-bg) 50%,var(--bg-surface) 50%);border-radius:var(--radius-sm);padding:var(--space-3)}.onboarding-guidance h3,.onboarding-guidance p{margin-bottom:var(--space-2)}.onboarding-guidance p:last-child{margin-bottom:0}.onboarding-fix-panel{margin-top:var(--space-3);border:1px solid var(--badge-warning-border);background:color-mix(in oklab,var(--badge-warning-bg) 58%,var(--bg-surface) 42%);border-radius:var(--radius-sm);padding:var(--space-3)}.onboarding-success-inline{margin-top:var(--space-3);display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.onboarding-toggle-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.onboarding-toggle-group{display:inline-flex;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow:hidden}.onboarding-toggle-group button{border-radius:0;border:0;border-right:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);box-shadow:none}.onboarding-toggle-group button:last-child{border-right:0}.onboarding-toggle-group button.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.onboarding-command{margin-top:var(--space-3);margin-bottom:var(--space-3);background:color-mix(in oklab,var(--bg-surface-muted) 85%,var(--accent-soft) 15%)}.onboarding-status-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.onboarding-eval-track{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.onboarding-eval-track>div{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.55rem .65rem;background:var(--bg-surface-muted)}.onboarding-score-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:var(--space-3)}.onboarding-gap-list{margin:var(--space-2) 0 var(--space-3);padding-left:1.2rem;display:grid;gap:var(--space-2)}.onboarding-cta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap}.trendline{width:100%;max-width:760px;height:auto}.login-card{max-width:520px;margin:var(--space-8) auto 0}.login-form{display:grid;gap:.55rem;margin-bottom:var(--space-4)}.secondary-button{background:transparent;border:1px solid var(--border-subtle);color:var(--text-primary)}.auth-inline-help{margin:0;color:var(--text-secondary)}.auth-result h3,.auth-result p{margin-bottom:var(--space-2)}.mfa-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.mfa-method{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--bg-surface)}.mfa-method-tile{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--bg-surface);text-align:left;cursor:pointer}.mfa-method-tile.active{border-color:var(--accent);box-shadow:0 0 0 1px #4072ff66}.mfa-method h4{margin-bottom:var(--space-2)}.mfa-method p{margin:0;color:var(--text-secondary)}.mfa-method-disabled{opacity:.72}.mfa-setup-actions{margin-bottom:var(--space-3)}.mfa-secret-block{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.mfa-qr{width:190px;height:190px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:#fff}.mfa-secret-block code{word-break:break-all}.mfa-uri{max-height:86px;overflow:auto}.detail-list{display:grid;gap:var(--space-2);margin-top:var(--space-2)}.detail-list-item{display:flex;gap:var(--space-2);justify-content:space-between;align-items:center}.two-col{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--space-4)}.linklike{border:0;background:transparent;color:var(--accent);padding:0;box-shadow:none}.active-btn{color:var(--text-primary);font-weight:700}.remediation-plan,.remediation-actions{display:grid;gap:var(--space-3)}.remediation-action{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-surface);padding:var(--space-3)}.remediation-action summary{cursor:pointer}.remediation-action-body{margin-top:var(--space-3)}.simulation-banner{border:1px solid var(--badge-warning-border);background:var(--badge-warning-bg);color:var(--badge-warning-text);border-radius:var(--radius-sm);padding:.65rem .8rem}.simulation-form,.simulation-results{display:grid;gap:var(--space-3)}.simulation-form-grid,.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.simulation-form label,.policy-grid label,.exec-actions label{display:grid;gap:.3rem}.simulation-checkbox{display:flex;align-items:center;gap:.5rem}.exec-actions{margin-bottom:var(--space-3)}.exec-dashboard section{margin-bottom:var(--space-3)}.heatmap-cell{min-width:126px}.heatmap-cell .heatmap-value{display:block;font-weight:700}.heatmap-cell .heatmap-label{display:block;font-size:var(--text-xs)}.heatmap-cell.good{background:var(--badge-success-bg);color:var(--badge-success-text)}.heatmap-cell.watch{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.heatmap-cell.risk{background:var(--badge-critical-bg);color:var(--badge-critical-text)}.heatmap-cell.unknown{background:var(--badge-info-bg);color:var(--badge-info-text)}.skeleton-stack{display:grid;gap:var(--space-2)}.skeleton-block{height:.86rem;border-radius:999px;display:inline-flex;background:linear-gradient(90deg,var(--skeleton-base),var(--skeleton-highlight),var(--skeleton-base));background-size:220% 100%;animation:skeleton-shimmer var(--motion-pulse) linear infinite}.skeleton-card:hover{transform:none}.skeleton-table th,.skeleton-table td{background:var(--bg-surface)}.w-40{width:40%}.w-55{width:55%}.w-60{width:60%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-88{width:88%}.w-90{width:90%}.w-95{width:95%}.h-220{height:220px;border-radius:var(--radius-md)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}.toast{position:sticky;top:calc(var(--space-3) + 72px);z-index:18;margin-left:auto;width:fit-content;max-width:min(90vw,520px);border-radius:var(--radius-md);padding:.6rem .8rem;border:1px solid var(--badge-info-border);background:var(--badge-info-bg);color:var(--badge-info-text);box-shadow:var(--shadow-md);animation:toast-in var(--motion-toast) var(--ease-out) both}.toast.tone-success{border-color:var(--badge-success-border);background:var(--badge-success-bg);color:var(--badge-success-text)}.toast.tone-warning{border-color:var(--badge-warning-border);background:var(--badge-warning-bg);color:var(--badge-warning-text)}.toast.tone-critical{border-color:var(--badge-critical-border);background:var(--badge-critical-bg);color:var(--badge-critical-text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1120px){.layout{grid-template-columns:220px minmax(0,1fr)}.topbar{padding-inline:var(--space-4)}}@media(max-width:940px){.topbar{grid-template-columns:1fr;justify-items:stretch}.topbar-center,.topbar-right{justify-content:flex-start}.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:var(--space-2);overflow-x:auto;padding:var(--space-3)}.sidebar .nav-item,.sidebar a{white-space:nowrap}.content{padding:var(--space-4)}.page-header{flex-direction:column}.detail-grid,.two-col,.onboarding-step-grid{grid-template-columns:1fr}.detail-grid-hint{grid-column:1}.onboarding-progress li{grid-template-columns:1fr;align-items:flex-start}.onboarding-eval-track>div{flex-direction:column;align-items:flex-start}}