:root { --bg:#0b1220; --card:#111a2e; --text:#e9eefc; --muted:#a9b3d4; --accent:#4da3ff; --danger:#ff6b6b; --ok:#47d18c; }
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:linear-gradient(180deg,#0b1220,#070b14); color:var(--text)}
.container{max-width:980px;margin:0 auto;padding:16px}
.header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.brand{font-weight:800;letter-spacing:.3px}
.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tab{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);padding:10px 12px;border-radius:10px;cursor:pointer}
.tab.active{border-color:rgba(77,163,255,.6);box-shadow:0 0 0 2px rgba(77,163,255,.15) inset}
.card{background:rgba(17,26,46,.8);border:1px solid rgba(255,255,255,.10);border-radius:14px;padding:14px;margin-top:14px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
input,textarea{width:100%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:var(--text);padding:10px 12px;border-radius:10px;outline:none}
input:focus,textarea:focus{border-color:rgba(77,163,255,.6)}
.btn{border:0;background:var(--accent);color:#061225;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}
.btn.secondary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid rgba(255,255,255,.14)}
.btn.danger{background:var(--danger);color:#1b0a0a}
.small{font-size:12px;color:var(--muted)}
.status{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04)}
.status.ok{border-color:rgba(71,209,140,.35)}
.status.bad{border-color:rgba(255,107,107,.35)}
.kv{display:grid;grid-template-columns:220px 1fr;gap:8px 12px}
.kv div{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.kv .k{color:var(--muted);font-size:13px}
.videoWrap{display:none;gap:12px;align-items:flex-start}
.videoWrap.active{display:flex;flex-wrap:wrap}
video{width:min(420px,100%);border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#000}