@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap');
:root { --ink:#10211e; --paper:#edf0e9; --wash:#dce3d9; --line:#c4cec2; --coral:#ff6b45; --muted:#65716c; }
* { box-sizing:border-box; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope, sans-serif; } .shell { min-height:100vh; display:grid; grid-template-columns:238px minmax(0,1fr); } .rail { position:sticky; top:0; height:100vh; padding:28px 20px; background:var(--ink); color:var(--paper); display:flex; flex-direction:column; } .brand { display:flex; align-items:center; gap:10px; color:var(--paper); font:600 20px Fraunces,serif; text-decoration:none; letter-spacing:-.06em; }.brand img { width:30px; height:30px; border-radius:50%; }.brand span span { color:var(--coral); }.rail-label,.eyebrow { margin:38px 0 12px; font:500 10px 'DM Mono',monospace; letter-spacing:.12em; text-transform:uppercase; color:#aebcb1; }.rail nav { display:grid; gap:4px; }.nav-link { color:#d7e0d5; padding:10px 12px; border-radius:6px; text-decoration:none; font-size:14px; }.nav-link:hover,.nav-link.active { background:#21352f; color:white; }.identity { margin-top:auto; display:flex; gap:8px; align-items:center; font:11px 'DM Mono',monospace; color:#b9c6bc; }.pulse { width:8px; height:8px; border-radius:99px; background:var(--coral); box-shadow:0 0 0 4px rgba(255,107,69,.12); }.content { padding:42px clamp(22px,5vw,72px) 72px; max-width:1460px; width:100%; }.topline,.panel-head { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; }.topline .eyebrow,.panel .eyebrow { margin:0 0 8px; color:#718078; } h1,h2 { font-family:Fraunces,serif; letter-spacing:-.05em; margin:0; } h1 { font-size:clamp(38px,5vw,64px); } h2 { font-size:25px; }.muted,#refreshed { color:var(--muted); font-size:12px; }.metrics { margin:38px 0 46px; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }.metrics article { min-height:164px; padding:22px; background:#f7f8f4; display:flex; flex-direction:column; justify-content:space-between; }.metrics article p,.metrics small { margin:0; font-size:12px; color:var(--muted); }.metrics strong { font:700 clamp(34px,4vw,52px) Fraunces,serif; letter-spacing:-.07em; }.metrics .revenue { background:var(--coral); }.metrics .revenue p,.metrics .revenue small { color:#602214; }.panel { margin-top:24px; padding:28px; background:#f7f8f4; border:1px solid var(--line); }.chip { padding:6px 9px; border-radius:999px; background:var(--wash); font:11px 'DM Mono',monospace; }.table-wrap { overflow:auto; margin-top:22px; } table { width:100%; border-collapse:collapse; font-size:13px; } th { text-align:left; padding:0 0 12px; color:var(--muted); font:500 10px 'DM Mono',monospace; letter-spacing:.08em; text-transform:uppercase; } td { padding:16px 0; border-top:1px solid var(--line); }.nodes { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:12px; margin-top:24px; }.node { padding:16px; border:1px solid var(--line); background:var(--paper); }.node-head { display:flex; justify-content:space-between; align-items:center; }.node b { font:600 15px Fraunces,serif; }.node small,.audit time { color:var(--muted); font-size:11px; }.state { font:10px 'DM Mono',monospace; color:#156548; }.audit { margin-top:18px; display:grid; }.audit-item { display:grid; grid-template-columns:160px 1fr auto; gap:14px; padding:14px 0; border-top:1px solid var(--line); font-size:12px; }.status { margin:26px 0 -12px; padding:14px 16px; border:1px solid #e9b5a6; color:#7a301e; background:#fff3ef; font-size:13px; } @media (max-width:780px){ .shell{grid-template-columns:1fr}.rail{position:relative;height:auto;padding:18px;}.rail-label,.identity{display:none}.rail nav{display:flex;overflow:auto;margin-top:16px}.nav-link{white-space:nowrap}.content{padding:28px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.panel{padding:20px}.audit-item{grid-template-columns:1fr}.topline{display:block} }