:root{--ink:#0e2a2f;--ink-2:#163b42;--ink-text:#b9cfd0;--canvas:#e9eff0;--paper:#fff;--text:#11201f;--muted:#566665;--line:#d3dcdb;--accent:#1457e6;--accent-dark:#0e44bd;--accent-soft:#e4ecfd;--ok:#0b7a53;--ok-soft:#d9f2e8;--bad:#b8352a;--bad-soft:#fbe0dc;--radius:12px;--font:"Plus Jakarta Sans",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--canvas);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.6}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:var(--ink-text);display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{color:#fff;font-weight:800;font-size:22px;padding-bottom:30px;text-align:center}.nav{display:flex;flex-direction:column;gap:8px}.nav a{color:var(--ink-text);padding:12px 16px;border-radius:8px;text-decoration:none;font-weight:600;display:block;transition:.2s}.nav a:hover{background:var(--ink-2);color:#fff}.nav a.active{background:#fff;color:var(--ink)}.main{padding:40px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.panel .head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel .body{padding:24px}button{padding:10px 20px;border:0;border-radius:8px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:.2s}button:hover{background:var(--accent-dark);transform:translateY(-1px)}button.quiet{background:#fff;color:var(--text);border:1px solid var(--line)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px;background:#f8fafb;color:var(--muted);font-weight:600}td{padding:12px;border-bottom:1px solid var(--line)}.pill{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;background:#e7eceb}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.stack{display:flex;flex-direction:column;gap:20px}.row{display:flex;gap:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:grid;place-items:center;z-index:100}.modal{background:#fff;padding:24px;border-radius:16px;width:400px}