:root { --bg:#0b0b0f; --card:#151522; --text:#e9e9f3; --muted:#a9a9c2; --line:#2a2a3a; }
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial}
.top{position:sticky;top:0;background:rgba(11,11,15,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);padding:12px 14px;display:flex;gap:12px;align-items:center}
.brand{font-weight:700}
.tabs{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.tab{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}
.tab.active{border-color:#6f6fff}
.wrap{max-width:980px;margin:0 auto;padding:14px}
.panel{display:none}
.panel.active{display:block}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:12px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{background:#23233a;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:10px;cursor:pointer}
.btn.primary{border-color:#6f6fff}
.small{color:var(--muted);font-size:13px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.log{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:10px;background:#0f0f18}
.hr{height:1px;background:var(--line);margin:10px 0}
input,select,textarea{background:#0f0f18;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px}
label{display:block;margin:8px 0 6px;color:var(--muted);font-size:13px}
textarea{width:100%}