*{margin:0;padding:0;box-sizing:border-box}
body{background:#1a1a2e;color:#e0e0e0;font-family:-apple-system,system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:16px}
.card{background:rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 24px;width:100%;max-width:400px;text-align:center}
h1{font-size:20px;margin-bottom:24px;color:#fff;letter-spacing:.5px}
.login{display:flex;flex-direction:column;gap:12px}
.login input{padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);color:#fff;font-size:16px;outline:none;transition:border-color .2s}
.login input:focus{border-color:#4fc3f7}
.login button{padding:14px;border:none;border-radius:12px;background:#4fc3f7;color:#1a1a2e;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}
.login button:hover{background:#29b6f6}
.login button:active{transform:scale(.98)}
.panel{display:flex;flex-direction:column;gap:14px}
.row{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03)}
.label{font-size:14px;color:#aaa}
.badge{font-size:12px;padding:5px 14px;border-radius:20px;font-weight:600}
.badge.running{background:#4fc3f7;color:#1a1a2e;border:none}
.badge.stopped{background:#e57373;color:#fff;border:none}
.badge.on{background:rgba(76,175,80,.15);color:#81c784;border:1px solid rgba(76,175,80,.3)}
.badge.off{background:rgba(255,152,0,.15);color:#ffb74d;border:1px solid rgba(255,152,0,.3)}
.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}
.btn{padding:14px 0;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}
.btn:active{transform:scale(.96)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn-start{background:#4fc3f7;color:#1a1a2e}
.btn-start:active{background:#29b6f6}
.btn-stop{background:#e57373;color:#fff}
.btn-stop:active{background:#ef5350}
.btn-enable{background:rgba(76,175,80,.12);color:#81c784;border:1px solid rgba(76,175,80,.25)}
.btn-enable:active{background:rgba(76,175,80,.25)}
.btn-disable{background:rgba(255,152,0,.12);color:#ffb74d;border:1px solid rgba(255,152,0,.25)}
.btn-disable:active{background:rgba(255,152,0,.25)}
.btn-copy{grid-column:1/-1;padding:12px;border:none;border-radius:12px;background:rgba(255,255,255,.06);color:#aaa;font-size:14px;cursor:pointer;transition:.2s;margin-top:4px}
.btn-copy:active{background:rgba(255,255,255,.12);color:#fff}
.hint{font-size:12px;color:#555;margin-top:4px}
.error{color:#e57373;font-size:13px;margin-top:8px}