*{box-sizing:border-box;margin:0;padding:0}:root{font-family:Arial,Helvetica,sans-serif;color:#eaf4ff;background:#07111f}body{min-height:100vh;background:radial-gradient(circle at top,#102a4b,#07111f 42%,#040a12 100%)}.shell{width:min(1180px,94%);margin:auto;padding:24px 0 40px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0 22px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:54px;height:54px;object-fit:contain;border-radius:12px}.brand-title{font-size:22px;font-weight:800}.brand-subtitle{font-size:12px;color:#8fb1d2}.cloud-state{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:800}.dot{width:10px;height:10px;border-radius:50%;background:#e05252}.online .dot{background:#41d17d}.card{background:rgba(13,29,48,.9);border:1px solid rgba(120,180,230,.14);border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,.24)}.connect{padding:24px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#64d8ff;margin-bottom:8px}h1,h2{line-height:1.2}h1{font-size:25px;margin-bottom:8px}h2{font-size:20px}.muted{color:#8faac4;font-size:13px;line-height:1.6}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#bcd3e8}input{border:1px solid rgba(150,200,235,.18);background:#071522;color:#eaf4ff;border-radius:10px;padding:12px;font-size:13px;outline:none}.actions{display:flex;align-items:center;gap:10px;margin-top:18px;flex-wrap:wrap}button{border:0;border-radius:10px;padding:11px 17px;background:#64d8ff;color:#04101a;font-weight:800;cursor:pointer}button.secondary{background:#16283b;color:#bcd3e8;border:1px solid rgba(150,200,235,.14)}button:disabled{opacity:.45;cursor:not-allowed}.hero{padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;background:linear-gradient(135deg,rgba(11,61,145,.58),rgba(0,184,212,.13))}.hero h2{font-size:31px}.level-wrap{text-align:center;min-width:180px}.level-number{font-size:66px;font-weight:900}.level-number small{font-size:25px;color:#64d8ff}.level-label{font-size:10px;letter-spacing:2px;font-weight:800;color:#8faac4}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px;min-height:112px}.metric span{display:block;color:#8faac4;font-size:12px;font-weight:700;margin-bottom:12px}.metric strong{font-size:25px}.metric small{color:#8faac4}.control{padding:22px;margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.badge{font-size:10px;font-weight:800;padding:7px 9px;border-radius:8px;background:#16283b;color:#8faac4}.badge.connected{color:#41d17d}.warning{padding:11px 13px;border-radius:10px;background:#221e0f;color:#d8c58a;font-size:12px;line-height:1.5;margin-bottom:14px}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.control-btn{background:#173b54;color:#dff6ff;border:1px solid rgba(100,216,255,.18)}.control-btn.danger{background:#51262d;color:#ffdfe2}.events{margin-top:18px;padding:22px}.messages{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto}.message{padding:12px;border-radius:10px;background:#081725;border:1px solid rgba(150,200,235,.1)}.message-top{display:flex;justify-content:space-between;font-size:11px;color:#64d8ff;margin-bottom:7px}.message pre{white-space:pre-wrap;word-break:break-word;color:#c9d9e8;font-size:11px}.empty{text-align:center;padding:28px;color:#6f8ba6}footer{text-align:center;color:#5f7892;font-size:11px;padding-top:24px}@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.control-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.topbar,.hero{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:1fr 1fr}.control-grid{grid-template-columns:1fr 1fr}}