:root{--bg: #f7f7f8;--panel: #ffffff;--border: #e3e3e8;--text: #1a1a1f;--muted: #6b6b76;--accent: #3b5bdb;--ok: #2b8a3e;--bad: #c92a2a;--pending: #b08900;--mono: ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #17181c;--panel: #1f2026;--border: #2e2f37;--text: #e8e8ea;--muted: #9a9aa5;--accent: #748ffc}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.wrap{white-space:pre-wrap;word-break:break-word}.center{display:grid;place-items:center;min-height:60vh;gap:1rem}.center-cell{text-align:center;padding:2rem}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2.5rem;text-align:center;max-width:360px}.login-card h1{margin:0 0 .25rem}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);padding:.45rem .8rem;border-radius:8px;cursor:pointer;font:inherit}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent);text-decoration:none;display:inline-block}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0}.brand{font-weight:700;letter-spacing:.5px}.tabs{display:flex;gap:.5rem;flex:1}.tab{padding:.3rem .6rem;border-radius:6px}.tab.active{background:var(--accent);color:#fff}.tab.disabled{color:var(--muted);cursor:not-allowed}.who{display:flex;align-items:center;gap:.6rem}.role{font-size:11px;text-transform:uppercase;padding:.1rem .4rem;border-radius:4px;border:1px solid var(--border)}.role-admin{color:var(--bad);border-color:var(--bad)}.role-operator{color:var(--accent);border-color:var(--accent)}.content{padding:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.8rem;align-items:center}.toolbar input,.toolbar select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .5rem;border-radius:7px;font:inherit}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px;background:var(--panel)}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:.5rem .7rem;border-bottom:1px solid var(--border)}th{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.4px}.row{cursor:pointer}.row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.detail td{background:color-mix(in srgb,var(--accent) 4%,transparent)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.detail-grid .full{grid-column:1 / -1}.detail-grid .label{font-size:11px;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.detail pre{margin:0;font-family:var(--mono);font-size:12px;overflow-x:auto;background:var(--bg);padding:.6rem;border-radius:6px}.verb{font-family:var(--mono);font-size:12px}.verb-executed{color:var(--ok)}.verb-rejected{color:var(--bad)}.verb-requested{color:var(--pending)}.chip{font-size:11px;padding:.12rem .5rem;border-radius:999px;border:1px solid var(--border)}.chip.ok{color:var(--ok);border-color:var(--ok)}.chip.bad{color:var(--bad);border-color:var(--bad)}.chip.pending{color:var(--pending);border-color:var(--pending)}.error{color:var(--bad);padding:.5rem 0}.section-title{margin:0 0 .2rem}.note{background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;margin:.5rem 0}button.tab{background:none;border:none;color:var(--text);font:inherit;cursor:pointer}button.tab.active{background:var(--accent);color:#fff}.row.sel{background:color-mix(in srgb,var(--accent) 14%,transparent)}.split{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:1rem;align-items:start}@media(max-width:720px){.split{grid-template-columns:1fr}}.detail-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.editor{width:100%;min-height:340px;font-family:var(--mono);font-size:12.5px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.7rem;resize:vertical}.logs{margin-top:.7rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:.7rem;font-family:var(--mono);font-size:12px;max-height:320px;overflow:auto;white-space:pre-wrap}
