:root{--navy:#061a2f;--blue:#0b2f55;--red:#c8102e;--silver:#d8dde3;--bg:#eef1f4;--card:#fff;--text:#13202c;--muted:#617080;--green:#138a52;--amber:#c47b00;--line:#d9e0e7}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}.topbar{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 24px;gap:25px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.brand b{font-size:20px}.brand small{display:block;color:#9fb2c6;font-size:10px;letter-spacing:1.4px}.flag{width:9px;height:32px;background:linear-gradient(#0b4ea2 0 33%,#fff 33% 66%,#c8102e 66%)}.flight-id{font-size:17px;font-weight:700;flex:1}.status-strip{display:flex;gap:8px;align-items:center}.pill{padding:7px 10px;border-radius:20px;background:#163651;font-size:11px;font-weight:700}.pill.ok{background:#12663f}.pill.warn{background:#765313}.pill.bad{background:#7e1f2b}.clock{font-family:monospace;font-weight:bold}nav{height:48px;background:#fff;border-bottom:1px solid var(--line);display:flex;padding:0 24px;gap:6px}nav button{border:0;background:none;padding:0 18px;font-weight:700;color:#627181;border-bottom:3px solid transparent}nav button.active{color:var(--navy);border-color:var(--red)}main{padding:22px;max-width:1450px;margin:auto}.page{display:none}.page.active{display:block}.hero{background:linear-gradient(130deg,var(--navy),var(--blue));color:#fff;border-radius:14px;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero h1{margin:5px 0;font-size:42px}.hero p{margin:0;color:#c5d2df}.hero-side{display:grid;grid-template-columns:auto auto;gap:8px 25px;text-align:right}.grid{display:grid;gap:16px;margin-bottom:16px}.grid.two{grid-template-columns:1fr 1fr}.grid.four{grid-template-columns:repeat(4,1fr)}.card,.metric{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 3px 12px #1020300a}.card h2{margin:0 0 14px;font-size:16px}.metric span,.oooi span{display:block;font-size:10px;color:var(--muted);font-weight:700;letter-spacing:1px}.metric b{font-size:19px}.oooi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.oooi>div{background:#f5f7f9;padding:13px;border-radius:8px}.live-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.live-grid div{background:#f5f7f9;border-radius:7px;padding:10px}.live-grid span{display:block;font-size:9px;color:var(--muted)}.feed,.conversation,.outbox,.workflow{min-height:260px;max-height:480px;overflow:auto}.event,.msg,.queue,.step{border-left:4px solid #8b98a6;background:#f6f8fa;padding:10px 12px;margin:8px 0;border-radius:5px}.event.good,.queue.acked,.step.done{border-color:var(--green)}.event.bad,.queue.failed{border-color:var(--red)}.event.pending,.queue.pending,.step.active{border-color:var(--amber)}.event small,.msg small,.queue small{display:block;color:var(--muted);margin-top:4px}.compose{display:flex;gap:8px;margin-top:10px}.compose textarea{flex:1;min-height:70px}input,textarea{width:100%;border:1px solid #bcc7d2;border-radius:6px;padding:10px;margin:6px 0 12px;font:inherit}button{border:0;border-radius:6px;background:var(--navy);color:#fff;padding:10px 14px;font-weight:700;cursor:pointer}button.secondary{background:#697888}button.danger{background:var(--red)}.buttons{display:flex;gap:8px;flex-wrap:wrap}pre{margin:0;background:#07121e;color:#b9f2c8;border-radius:8px;padding:14px;min-height:170px;max-height:420px;overflow:auto;white-space:pre-wrap;font-size:11px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}footer{height:36px;background:var(--navy);color:#90a5b7;padding:0 22px;display:flex;justify-content:space-between;align-items:center;font-size:11px}@media(max-width:900px){.grid.two,.grid.four{grid-template-columns:1fr}.live-grid{grid-template-columns:repeat(2,1fr)}.status-strip{display:none}.hero{align-items:flex-start;gap:20px;flex-direction:column}.hero-side{text-align:left}.topbar{padding:0 12px}nav{overflow:auto;padding:0 8px}main{padding:12px}}