:root{--bg:#0f1115;--panel:#171a21;--panel-2:#1e222b;--border:#2a2f3a;--text:#e6e9ef;--muted:#9aa4b2;--accent:#5b9dff;--ok:#3fb950;--warn:#d29922;--err:#f85149;--mono:ui-monospace,"Cascadia Code","Consolas",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:20px;margin:0 0 4px}h2{font-size:15px;margin:0 0 8px;color:var(--muted);font-weight:600}.layout{display:flex;min-height:100vh}.sidebar{width:210px;background:var(--panel);border-right:1px solid var(--border);padding:18px 12px;flex-shrink:0}.brand{font-weight:700;font-size:15px;padding:0 8px 16px}.brand small{display:block;color:var(--muted);font-weight:400;font-size:11px}.nav a{display:block;padding:8px 10px;border-radius:7px;color:var(--text);margin-bottom:2px}.nav a:hover{background:var(--panel-2);text-decoration:none}.nav a.active{background:var(--accent);color:#06101f;font-weight:600}.main{flex:1 1;padding:22px 26px;max-width:1100px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1 1}.btn,button{background:var(--accent);color:#06101f;border:none;border-radius:7px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:13px}button.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:transparent;color:var(--err);border:1px solid var(--err)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:8px 10px;font-size:13px;font-family:inherit;width:100%}textarea{font-family:var(--mono);min-height:180px}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600}tr:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge.dev{background:#23324a;color:#8ab4ff}.badge.staging{background:#3a2f1a;color:#e3b341}.badge.prod{background:#3a1f24;color:#ff8a8a}.status{font-weight:600}.status.passed{color:var(--ok)}.status.error,.status.failed{color:var(--err)}.status.running{color:var(--accent)}.status.queued{color:var(--muted)}.status.canceled{color:var(--warn)}.logbox{background:#0a0d12;border:1px solid var(--border);border-radius:8px;font-family:var(--mono);font-size:12px;padding:12px;height:380px;overflow-y:auto}.logline{white-space:pre-wrap;padding:1px 0}.logline.error{color:var(--err)}.logline.warn{color:var(--warn)}.logline.info{color:var(--text)}.muted{color:var(--muted)}.err-text{color:var(--err)}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--border)}.kv span:first-child{color:var(--muted)}.pill{font-family:var(--mono);font-size:11px;background:var(--panel-2);padding:1px 6px;border-radius:5px}