:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f5f6fa;background:#090b12;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#21163e 0,transparent 38%),#090b12}
main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:42px 0 80px}
.card{background:rgba(21,24,36,.92);border:1px solid #303448;border-radius:18px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.login{max-width:430px;margin:12vh auto}.eyebrow{margin:0 0 6px;color:#a88bff;font-size:12px;font-weight:800;letter-spacing:.16em}
h1,h2{margin:0}h1{font-size:clamp(28px,5vw,46px)}h2{font-size:24px}
header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
header{margin-bottom:34px}form{display:grid;gap:14px;margin-top:28px}
label{display:grid;gap:7px;color:#c9cbd5;font-size:14px}
input,button{font:inherit;border-radius:10px;border:1px solid #3a3e52;padding:12px 14px}
input{background:#0d0f18;color:#fff}button{cursor:pointer;background:#292d40;color:#fff;font-weight:750}
button:hover{border-color:#9f7cff;background:#353a51}button:disabled{opacity:.45;cursor:not-allowed}
.primary{background:#9147ff;border-color:#a66dff}.quiet{background:transparent}.danger{background:#491f2b;border-color:#753347}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.status-grid article{display:grid;gap:9px}.status-grid span{color:#9da1b1}.status-grid strong{font-size:22px}
.online{color:#5ee6a8}.warning{color:#ffd166}.offline{color:#ff6f91}
#panel>section{margin-bottom:16px}.scene-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.scene-buttons .active{background:#9147ff;border-color:#b28cff}.toggle{display:flex;align-items:center;gap:9px}.toggle input{width:18px;height:18px}
.target-form{grid-template-columns:1.2fr 1.5fr 1.5fr auto}
.target{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #303448}
.target:last-child{border-bottom:0}.target small{display:block;color:#8f93a3;margin-top:3px}.target button{padding:8px 11px}
.credentials{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}
.credentials code{overflow:auto;background:#0d0f18;border:1px solid #303448;border-radius:10px;padding:13px}
#message{min-height:22px;margin:16px 0 0;color:#ffd166}
@media(max-width:760px){main{padding-top:24px}.status-grid{grid-template-columns:1fr}.scene-buttons{grid-template-columns:1fr 1fr}.scene-buttons .danger{grid-column:1/-1}.target-form{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.credentials{grid-template-columns:1fr}.credentials button{width:100%}}