:root{--bg: #f3f5f8;--surface: #ffffff;--surface-alt: #eef2f6;--surface-strong: #e3e8ef;--text: #101828;--text-muted: #475467;--border: #d7dee7;--border-strong: #b8c4d3;--accent: #155eef;--accent-strong: #0040c1;--accent-soft: #dbe8ff;--success-soft: #e8f5e9;--warning-soft: #fff8e1;--critical-soft: #ffebee;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 8px 24px rgba(16, 24, 40, .08);--shadow-lg: 0 18px 48px rgba(16, 24, 40, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--font-body: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5}body{background:radial-gradient(circle at top left,rgba(21,94,239,.08),transparent 26%),linear-gradient(180deg,#f8fafc 0%,var(--bg) 22%,#eef2f6 100%)}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{border-bottom:1px solid rgba(184,196,211,.78);background:#f8fafcf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10;box-shadow:0 10px 30px #0f172a0d}.topbar__inner,.page,.footer__inner{width:min(1240px,92vw);margin:0 auto}.topbar__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-height:68px}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.brand__mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(16,24,40,.18);border-radius:10px;background:linear-gradient(180deg,#ffffff 0%,var(--surface-alt) 100%);box-shadow:var(--shadow-sm);font-weight:700;font-size:.82rem;letter-spacing:.03em}.brand__text{font-size:.96rem;font-weight:700;letter-spacing:-.02em}.nav-toggle{display:none;border:1px solid var(--border-strong);background:#ffffffd9;border-radius:var(--radius-sm);padding:.5rem .625rem;color:var(--text);box-shadow:var(--shadow-sm)}.global-nav ul{margin:0;padding:.32rem;list-style:none;display:flex;gap:.2rem;flex-wrap:wrap;border:1px solid rgba(184,196,211,.8);border-radius:999px;background:#ffffffa8;box-shadow:inset 0 1px #fffc}.global-nav a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 .82rem;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:650;letter-spacing:-.01em;color:var(--text-muted);transition:border-color .12s ease,background .12s ease,color .12s ease,box-shadow .12s ease}.global-nav a[aria-current=page]{color:var(--text);border-color:#155eef33;background:#155eef1f;box-shadow:0 1px 2px #155eef14,inset 0 0 0 1px #ffffff73}.global-nav a:hover{border-color:#155eef29;background:#ffffffe0;color:var(--text)}.global-nav a[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.topbar__rail{display:inline-flex;align-items:center;justify-content:flex-end;gap:.65rem;min-width:0;flex-wrap:wrap}.topbar__meta,.topbar__session{margin:0;border:1px solid rgba(184,196,211,.86);border-radius:999px;padding:.38rem .72rem;font-size:.77rem;font-weight:650;letter-spacing:.01em;background:#ffffffd1}.topbar__meta,.topbar__session{color:var(--text-muted)}.topbar__session[data-state=healthy]{color:var(--text);border-color:#155eef38;background:#eff4ffeb}.topbar__session[data-state=degraded]{border-color:#f9a825;color:#8a5a00;background:#fff8e1}.topbar__rail [data-logout]{min-height:38px;padding:0 .8rem;border-radius:999px;box-shadow:none;background:#ffffff9e}.topbar__rail [data-logout]:hover{background:#fffffff2}.shell-banner{border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3);background:var(--surface);box-shadow:var(--shadow-sm)}.shell-banner[data-tone=warning]{border-color:#f9a825;background:#fff8e1;color:#5f4300}.shell-banner[data-tone=critical]{border-color:#c62828;background:#ffebee;color:#7f0000}.shell-banner[data-tone=info]{border-color:#1565c0;background:#e3f2fd;color:#0d47a1}.page{flex:1;display:grid;gap:var(--space-7);padding:var(--space-7) 0 var(--space-8)}.page-header{display:grid;gap:var(--space-4);max-width:78rem}.eyebrow{text-transform:uppercase;font-size:.78rem;letter-spacing:.12em;color:var(--accent-strong);font-weight:700;margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:clamp(1.95rem,3vw,2.8rem);letter-spacing:-.03em}h2{font-size:clamp(1.08rem,1.8vw,1.4rem);letter-spacing:-.02em}p{margin:0}.lede{color:var(--text-muted);max-width:70ch;font-size:1.02rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.btn{border:1px solid var(--border-strong);background:#ffffffeb;border-radius:999px;min-height:42px;max-width:100%;padding:0 .95rem;font:inherit;font-size:.92rem;font-weight:650;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none;cursor:pointer;box-shadow:0 1px 2px #0f172a0f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease,color .12s ease}.btn:hover{background:#fff;border-color:#155eef33;box-shadow:0 8px 18px #0f172a14;transform:translateY(-1px)}.btn--primary{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;border-color:var(--accent-strong)}.btn--primary:hover{background:linear-gradient(180deg,#2b6fff,#0d4fda)}.btn--quiet{color:var(--text-muted);background:#ffffff73;box-shadow:none}.btn--quiet:hover{color:var(--text);background:#ffffffdb}.grid{display:grid;gap:var(--space-4)}.grid--kpi{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);background:#ffffffe0;display:grid;gap:var(--space-4);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kpi{align-content:start;min-height:180px}.kpi>.muted:first-child{text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700;color:var(--accent-strong)}.kpi>.muted:last-child{margin-top:auto;font-size:.9rem}.kpi__value{font-size:clamp(1.85rem,3.3vw,2.8rem);font-weight:700;letter-spacing:-.02em}.muted{color:var(--text-muted)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:.85rem;border-bottom:1px solid rgba(215,222,231,.88)}.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid rgba(215,222,231,.78);border-radius:calc(var(--radius-sm) + 2px);background:#ffffff94}table{border-collapse:separate;border-spacing:0;width:100%;min-width:620px;background:transparent}th,td{text-align:left;padding:1rem;border-bottom:1px solid rgba(215,222,231,.86);font-size:.93rem;line-height:1.5;vertical-align:top}td{overflow-wrap:anywhere;word-break:normal}td>*{min-width:0}th{color:var(--text-muted);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;background:#f8fafceb;position:sticky;top:0;z-index:1}tbody tr{transition:background .12s ease}tbody tr:hover{background:#eff4ff75}tbody tr:last-child td{border-bottom:none}.badge{border:1px solid var(--border-strong);border-radius:999px;padding:.22rem .6rem;font-size:.78rem;font-weight:600;background:var(--surface-alt);display:inline-block}.list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3)}.list li{border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;background:#ffffffc2}.list li>:first-child{min-width:0}.toolbar{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);background:#ffffffd1;display:grid;grid-template-columns:1.5fr repeat(2,minmax(0,1fr)) auto;gap:var(--space-3);align-items:end;box-shadow:var(--shadow-sm)}.toolbar .btn{min-width:0}.field{display:grid;gap:.45rem}label,legend{font-size:.88rem;color:var(--text-muted);font-weight:600}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem .65rem;font:inherit;color:var(--text);background:#fffffff2;box-shadow:inset 0 1px 2px #1018280a}textarea{min-height:92px;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,.btn:focus-visible,.global-nav a:focus-visible,.nav-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);margin:0;display:grid;gap:var(--space-4);background:#ffffffb3}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.footer{border-top:1px solid rgba(184,196,211,.7);color:var(--text-muted);font-size:.9rem;background:#f8fafcd1}.footer__inner{padding:var(--space-4) 0;display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}@media (max-width: 980px){.topbar__inner{grid-template-columns:1fr auto;grid-template-areas:"brand toggle" "nav nav" "rail rail";padding:.75rem 0}.brand{grid-area:brand}.nav-toggle{grid-area:toggle;display:inline-flex;align-items:center}.topbar__rail{grid-area:rail;justify-content:flex-start}.global-nav{grid-area:nav;display:none}.global-nav ul{border-radius:var(--radius-md);justify-content:flex-start}.global-nav[data-open=true]{display:block}.topbar__meta,.topbar__session{display:none}.topbar__rail [data-logout]{padding-inline:.7rem}.page{padding-top:var(--space-6)}.grid--kpi,.grid--2,.toolbar,.form-grid{grid-template-columns:1fr}.list li{align-items:flex-start;flex-direction:column}.list li .btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){*{transition:none!important;scroll-behavior:auto!important}}.page-header--split{grid-template-columns:minmax(0,1.7fr) minmax(320px,.95fr);align-items:start}.page-header__main{display:grid;gap:var(--space-4)}.page-header__actions{grid-column:1 / -1}.hero-card{border:1px solid rgba(21,94,239,.16);border-radius:var(--radius-md);padding:var(--space-5);background:linear-gradient(180deg,#fffffff2,#eff4ffeb);box-shadow:var(--shadow-md);display:grid;gap:var(--space-4)}.hero-card__eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.74rem;font-weight:700;color:var(--accent-strong)}.hero-card__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.hero-card__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.hero-card__value{font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.hero-card__note{font-size:.94rem;line-height:1.6}.status-chip{display:inline-flex;align-items:center;justify-self:start;border-radius:999px;padding:.5rem .85rem;font-size:.86rem;font-weight:700;border:1px solid var(--border-strong);background:#ffffffe6}.status-chip[data-tone=success]{border-color:#2e7d32;background:var(--success-soft);color:#1b5e20}.status-chip[data-tone=warning]{border-color:#f9a825;background:var(--warning-soft);color:#8a5a00}.status-chip[data-tone=critical]{border-color:#c62828;background:var(--critical-soft);color:#b71c1c}.status-chip[data-tone=neutral]{border-color:var(--border-strong);background:var(--surface-alt);color:var(--text)}.grid--detail-main{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr)}.detail-card{align-content:start}.detail-card--table{overflow:hidden}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.detail-grid__item{border:1px solid rgba(215,222,231,.85);border-radius:var(--radius-sm);padding:var(--space-3);background:#ffffffb8;display:grid;gap:.45rem}.detail-grid__item--span-2{grid-column:span 2}.detail-grid dt{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.detail-grid dd{margin:0;font-size:1rem;font-weight:600;line-height:1.5;overflow-wrap:anywhere}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.timeline__item{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);align-items:start}.timeline__dot{width:14px;height:14px;margin-top:.35rem;border-radius:999px;border:2px solid var(--border-strong);background:#fff;box-shadow:var(--shadow-sm)}.timeline__item[data-state=complete] .timeline__dot{border-color:var(--accent-strong);background:var(--accent)}.timeline__item[data-state=pending] .timeline__dot{border-style:dashed;background:#ffffffbf}.timeline__content{border:1px solid rgba(215,222,231,.85);border-radius:var(--radius-sm);padding:var(--space-3);background:#ffffffb8;display:grid;gap:.35rem}.timeline__label{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:700}.timeline__value{margin:0;font-size:1rem;font-weight:600}.linked-surface-list li{justify-content:space-between;align-items:center}.linked-surface-list span{overflow-wrap:anywhere}.table-primary{font-weight:700;line-height:1.4}.table-secondary{color:var(--text-muted);font-size:.84rem;line-height:1.45;margin-top:.15rem;overflow-wrap:anywhere}.table-path{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.6;word-break:break-word;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.table-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media (max-width: 980px){.page-header--split,.grid--detail-main,.hero-card__metrics,.detail-grid{grid-template-columns:1fr}.detail-grid__item--span-2{grid-column:span 1}}.hero-card__metrics--stackable{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--1{grid-template-columns:1fr}.badge[data-tone=success]{border-color:#2e7d32;background:var(--success-soft);color:#1b5e20}.badge[data-tone=warning]{border-color:#f9a825;background:var(--warning-soft);color:#8a5a00}.badge[data-tone=critical]{border-color:#c62828;background:var(--critical-soft);color:#b71c1c}.badge[data-tone=review]{border-color:#1565c0;background:var(--accent-soft);color:#0d47a1}