:root { color-scheme: dark; --bg:#0b1118; --panel:#141d28; --border:#22303d; --fg:#e6edf3; --muted:#8b9aab; --accent:#3fb6d9; --danger:#e2554f; --ok:#5fbf6c; }
*{box-sizing:border-box} body{margin:0;font-family:system-ui,sans-serif;background:var(--bg);color:var(--fg)}
.hidden{display:none!important}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;border-bottom:1px solid var(--border)}
header h1{margin:0;font-size:18px}
.header-actions{display:flex;align-items:center;gap:12px}
main{padding:22px;max-width:1200px;margin:0 auto}
.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:16px}
.card h2{margin:0 0 12px;font-size:14px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.kv{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px dashed var(--border);font-size:14px}
.kv:last-child{border-bottom:none}
.kv span:first-child{color:var(--muted)}
.actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
button,input,select{font:inherit;background:#1c2734;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:7px 12px}
button{cursor:pointer}
button:hover{border-color:var(--accent)}
button.danger{border-color:var(--danger);color:var(--danger)}
button.danger:hover{background:rgba(226,85,79,.1)}
.badge{padding:3px 10px;border-radius:999px;font-size:12px;border:1px solid var(--border)}
.badge.ok{color:var(--ok);border-color:var(--ok)}
.badge.bad{color:var(--danger);border-color:var(--danger)}
.muted{color:var(--muted)}
.error{color:var(--danger);min-height:1em}
#login{max-width:360px;margin:80px auto;text-align:center}
#login form{display:flex;flex-direction:column;gap:10px;margin-top:14px}
#console-output{background:#070b10;border:1px solid var(--border);border-radius:6px;padding:10px;height:380px;overflow:auto;white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12.5px;line-height:1.45}
#console-form{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
#console-args{display:flex;gap:8px;flex:1;flex-wrap:wrap}
#console-args input{flex:1;min-width:120px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}
th{color:var(--muted);font-weight:500}
ul{padding-left:18px;margin:0}
.danger-zone { border: 1px solid #b34b4b; }
.danger-zone h2 { color: #ff8b8b; }