:root{--bg:#0b1020;--panel:#111a33;--panel2:#0f1730;--text:#e9ecf5;--muted:#aab2cc;--border: rgba(255,255,255,.1);--accent:#6ee7ff;--danger:#ff6b6b;--ok:#67e8a2;--warn:#ffd37a;--shadow: 0 10px 30px rgba(0,0,0,.35);--radius: 14px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:url(/bg.png) center / cover fixed;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;transition:background .4s ease;background:radial-gradient(1200px 600px at 20% 0%,rgba(110,231,255,.12),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(103,232,162,.1),transparent 60%),linear-gradient(#0b1020ed,#0b1020f7)}body.home:before{background:radial-gradient(1200px 600px at 20% 0%,rgba(110,231,255,.3),transparent 60%),radial-gradient(900px 500px at 80% 20%,rgba(103,232,162,.25),transparent 60%),linear-gradient(#0b102073,#0b102099)}.app{position:relative;z-index:1}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:row}.sidebar{position:sticky;top:0;height:100vh;width:196px;flex-shrink:0;display:flex;flex-direction:column;background:#0b1020bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);overflow-y:auto}.sidebar__brand{padding:20px 16px 16px;border-bottom:1px solid var(--border)}.sidebar__nav{flex:1;padding:8px 0;display:flex;flex-direction:column}.sidebar__section{padding:12px 0 4px}.sidebar__section-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding:0 16px 6px;opacity:.6}.sidebar__link{display:block;padding:7px 16px;font-size:13px;color:var(--muted);border-left:2px solid transparent;transition:color .12s,border-color .12s,background .12s}.sidebar__link:hover{color:var(--text);background:#ffffff0a}.sidebar__link.is-active{color:var(--text);border-left-color:var(--accent);background:#6ee7ff12}.sidebar__footer{padding:8px 0 12px;border-top:1px solid var(--border)}.main{flex:1;min-width:0;padding:22px;display:flex;flex-direction:column}.card{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;flex:1;position:relative}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row--between{justify-content:space-between}.muted{color:var(--muted)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:9px 12px;border-radius:12px;cursor:pointer}.btn:hover{background:#ffffff0f}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{border-color:#6ee7ff40;background:#6ee7ff1f}.btn--danger{border-color:#ff6b6b40;background:#ff6b6b1f}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--muted);background:#ffffff08}.badge--on{border-color:#67e8a240;color:var(--ok);background:#67e8a21a}.badge--off{border-color:#ffd37a33;color:var(--warn);background:#ffd37a14}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:12px;color:var(--muted);font-weight:600}.table td{font-size:14px}.table tr:hover td{background:#ffffff05}.kv{display:flex;flex-direction:column;gap:2px}.kv__k{font-size:12px;color:var(--muted)}.kv__v{font-size:14px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}@media (max-width: 760px){.form{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--muted)}.input,.select,.textarea{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border);background:#00000026;color:var(--text);outline:none}.textarea{min-height:86px;resize:vertical}option{background:var(--panel);color:var(--text)}.help{font-size:12px;color:var(--muted);line-height:1.35}.hr{height:1px;background:var(--border);margin:14px 0;border:0}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.toastHost{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:9999;pointer-events:none}.toast{width:min(420px,calc(100vw - 28px));border:1px solid var(--border);border-radius:14px;background:#111a33f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 32px #00000080;padding:12px 20px;text-align:center;pointer-events:auto;animation:toastIn .25s ease forwards,toastOut .4s ease 3.8s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.toast__title{font-weight:700;font-size:14px}.toast__msg{color:var(--muted);font-size:13px;margin-top:2px;white-space:pre-wrap}.md-body{font-size:13px;line-height:1.7;color:var(--text);background:#ffffff08;border:1px solid var(--border);border-radius:6px;padding:14px 18px}.md-body>*:first-child{margin-top:0}.md-body>*:last-child{margin-bottom:0}.md-body h1,.md-body h2,.md-body h3{color:var(--text);font-weight:700;margin:1.2em 0 .4em;line-height:1.3}.md-body h1{font-size:16px}.md-body h2{font-size:14px;border-bottom:1px solid var(--border);padding-bottom:4px}.md-body h3{font-size:13px;color:var(--accent)}.md-body p{margin:.6em 0}.md-body ul,.md-body ol{margin:.5em 0;padding-left:1.5em}.md-body li{margin:.25em 0}.md-body strong{color:var(--text);font-weight:700}.md-body em{color:var(--muted);font-style:italic}.md-body code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:12px;background:#6ee7ff14;color:var(--accent);border-radius:4px;padding:1px 5px}.md-body pre{background:#0000004d;border:1px solid var(--border);border-radius:6px;padding:12px 14px;overflow-x:auto;margin:.8em 0}.md-body pre code{background:none;color:var(--text);padding:0;font-size:12px}.md-body blockquote{border-left:3px solid var(--accent);margin:.6em 0;padding:.3em 0 .3em 1em;color:var(--muted)}.md-body hr{border:none;border-top:1px solid var(--border);margin:1em 0}.md-body table{border-collapse:collapse;width:100%;font-size:12px;margin:.8em 0}.md-body th,.md-body td{border:1px solid var(--border);padding:6px 10px;text-align:left}.md-body th{background:#ffffff0a;color:var(--muted);font-weight:600}
