:root{--brand: #0b5fff;--brand-ink: #111827;--radius: 8px;--font: Inter, system-ui, -apple-system, sans-serif;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e3e6eb;--text: #111827;--muted: #5b6472;--ok: #0f8a4a;--ok-bg: #e6f5ec;--bad: #c62828;--bad-bg: #fdecec;--warn: #a15c00;--warn-bg: #fff4e0;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1115;--surface: #171a21;--surface-2: #1e222b;--border: #2a2f3a;--text: #e8eaf0;--muted: #9aa3b2;--ok: #4ccb84;--ok-bg: #12301f;--bad: #ff7a7a;--bad-bg: #3a1717;--warn: #ffb547;--warn-bg: #3a2a10;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.45}a{color:var(--brand);text-decoration:none}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:0 0 12px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.nav{background:var(--surface);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:2px}.nav .logo{display:flex;align-items:center;gap:8px;font-weight:700;padding:4px 8px 16px}.nav .logo img{max-height:28px}.nav a{color:var(--muted);padding:8px 10px;border-radius:var(--radius)}.nav a.active,.nav a:hover{background:var(--surface-2);color:var(--text)}.nav .wallet{margin-top:auto;padding:10px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.nav .wallet b{color:var(--text);font-size:16px;display:block}main{padding:24px;min-width:0}@media (max-width: 760px){.shell{grid-template-columns:1fr}.nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border);padding:8px 16px}.nav .logo,.nav .wallet{display:none}main{padding:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.grid{display:grid;gap:16px}.grid.kpis{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:12px;color:var(--muted);font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto}tr.click{cursor:pointer}tr.click:hover{background:var(--surface-2)}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px}textarea{width:100%;font-family:ui-monospace,monospace;font-size:12px}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:7px 14px;cursor:pointer}button.primary{background:var(--brand);border-color:var(--brand);color:#fff}button:disabled{opacity:.5;cursor:default}button.ghost{border-color:transparent;background:transparent;color:var(--muted)}label.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--muted)}.badge.APPROVED,.badge.DONE{background:var(--ok-bg);color:var(--ok)}.badge.REJECTED,.badge.ERROR,.badge.CRITICAL,.badge.FAILED{background:var(--bad-bg);color:var(--bad)}.badge.MANUAL_REVIEW,.badge.WARNING,.badge.RUNNING{background:var(--warn-bg);color:var(--warn)}.error{color:var(--bad);background:var(--bad-bg);padding:8px 12px;border-radius:var(--radius)}.progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--brand);transition:width .3s}.rule{border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:grid;gap:10px;background:var(--surface)}.cond{display:grid;grid-template-columns:minmax(160px,2fr) 110px minmax(100px,1fr) auto;gap:6px}@media (max-width: 560px){.cond{grid-template-columns:1fr 1fr}}.trail li{margin:4px 0}
