:root{ --bg:#0b0c10; --card:#111317; --text:#eaf2f8; --muted:#93a0ae; --accent:#4f8cff; --ok:#35c759; --err:#ff453a; }
*{ box-sizing:border-box; }
body{ margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu; }
.container{ max-width:1100px; margin:0 auto; padding:16px; }
header{ background:linear-gradient(180deg,#121622,#0b0c10); border-bottom:1px solid #1c2030; }
h1{ margin:0; font-size:28px; }
.sub{ color:var(--muted); margin:4px 0 0 0; }
.card{ background:var(--card); border:1px solid #1c2030; border-radius:16px; padding:20px; margin:24px 0; box-shadow:0 8px 30px rgba(0,0,0,.25); }
.grid{ display:grid; grid-template-columns:2fr 1fr; gap:16px; }
label{ display:block; font-weight:600; margin:12px 0 6px; }
textarea, input[type=text], input[type=password]{ width:100%; padding:10px 12px; border-radius:10px; border:1px solid #2a3142; background:#0f131c; color:var(--text); outline:none; }
textarea:focus, input:focus{ border-color:var(--accent); box-shadow:0 0 0 3px rgba(79,140,255,.15); }
.settings .row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin:8px 0; }
hr{ border:0; border-top:1px solid #1e2433; margin:16px 0; }
.actions{ display:flex; justify-content:flex-end; }
button, .btn{ background:var(--accent); color:#fff; border:0; padding:12px 16px; border-radius:10px; cursor:pointer; font-weight:700; }
button:hover, .btn:hover{ filter:brightness(1.05); }
.res .row{ margin:6px 0; }
a{ color:#9dc0ff; }
@media (max-width:900px){ .grid{ grid-template-columns:1fr; } }