:root{--bg:#f4f4f0;--panel:#fff;--ink:#181a18;--muted:#6c716b;--line:#dedfd8;--brand:#4d5cf0;--dark:#11130f;--ok:#138a59;--warn:#ba6b18}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}aside{background:var(--dark);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 30px}.brand div{display:grid}.brand small{color:#8d9389}.mark{display:grid;place-items:center;width:36px;height:36px;background:var(--brand);border-radius:10px;font-weight:800}nav{display:grid;gap:7px}nav button{border:0;text-align:left;background:transparent;color:#9da39a;padding:11px 14px;border-radius:9px;cursor:pointer}nav button.active,nav button:hover{background:#262a23;color:#fff}.aside-note{margin-top:auto;color:#888f84;font-size:12px;padding:14px;border:1px solid #30352d;border-radius:10px}main{padding:34px 42px;min-width:0}header{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:28px}.eyebrow{margin:0;color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.14em}h1{margin:4px 0 0;font-size:31px}form{display:flex;width:min(590px,55%)}input{flex:1;border:1px solid var(--line);background:#fff;padding:12px 14px;border-radius:10px 0 0 10px;outline:none}form button{border:0;background:var(--brand);color:#fff;padding:0 19px;border-radius:0 10px 10px 0;font-weight:700}.status{background:#e9eafc;color:#3d46a2;padding:10px 14px;border-radius:9px;margin-bottom:20px}.status.error{background:#fee7e3;color:#9c3023}.metrics{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;margin-bottom:18px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px}.metric{padding:18px}.metric b{display:block;font-size:28px}.metric span{color:var(--muted)}.grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{padding:20px;margin-bottom:18px}.panel h2{font-size:16px;margin:0 0 14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#f0f1ec;border:1px solid var(--line);border-radius:999px;padding:5px 9px}.list{display:grid;gap:9px}.row{display:grid;grid-template-columns:minmax(140px,.7fr) 1.5fr auto;gap:14px;align-items:center;padding:11px 0;border-top:1px solid #ecece6}.row:first-child{border-top:0}.route{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:650}.muted{color:var(--muted)}.badge{font-size:11px;padding:3px 7px;border-radius:999px;background:#ecedff;color:#424ab2}.badge.ws{background:#fff0dc;color:#9b5912}.badge.admin{background:#fee7e3;color:#9c3023}.evidence{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surface{margin-bottom:12px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.surface summary{cursor:pointer;padding:14px 16px;background:#fff;display:flex;justify-content:space-between}.surface .body{padding:12px 16px;background:#fafaf7}.mapping{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;padding:8px 0;border-top:1px solid #e9e9e3}.mapping:first-child{border-top:0}.arrow{text-align:center;color:var(--brand)}.empty{padding:35px;text-align:center;color:var(--muted)}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:22px}header{display:block}form{width:100%;margin-top:18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}