:root { color-scheme: dark; font: 16px/1.6 system-ui, sans-serif; background: #061625; color: #f2f7fa; }
* { box-sizing: border-box; }
body { margin: 0; }
header { padding: 16px clamp(16px, 4vw, 44px); border-bottom: 1px solid #365369; display: flex; justify-content: space-between; align-items: center; }
header strong { font-size: 1.3rem; color: #c4fb14; }
main { width: min(100% - 32px, 860px); margin: 28px auto; }
.panel { padding: clamp(16px, 4vw, 28px); background: #0d2235; border: 1px solid #365369; border-radius: 14px; margin-bottom: 16px; }
h1, h2, h3 { margin-top: 0; }
.fields { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
label { display: grid; gap: 6px; }
input, button { font: inherit; border: 1px solid #658198; border-radius: 8px; padding: 8px 12px; color: inherit; background: #071a2b; }
input { width: 100%; }
button { cursor: pointer; }
button.primary { background: #c4fb14; color: #0b1c26; border-color: #c4fb14; font-weight: 700; }
:focus-visible { outline: 2px solid #c4fb14; outline-offset: 3px; }
.agent { border-top: 1px solid #365369; padding: 16px 0; overflow-wrap: anywhere; }
.agent-controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: end; margin-bottom: 10px; }
.notice { padding: 10px 14px; border: 1px solid #9ad67c; border-radius: 8px; }
.notice.error { border-color: #ff9c9c; }
@media (max-width: 600px) { .fields { grid-template-columns: 1fr; } }
.header-actions{display:flex;align-items:center;gap:8px}
.fields input,.fields select,.fields textarea{box-sizing:border-box;max-width:100%;font:inherit}
.fields select,.fields textarea{background:#0b1827;border:1px solid #526477;border-radius:7px;color:inherit;padding:.65rem}