:root{color:#132027;background:#eef7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 56px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:32px 0}.hero h1{max-width:760px;margin:0;font-size:clamp(2.2rem,7vw,4.7rem);line-height:.98}.hero p{max-width:640px;margin:18px 0 0;color:#46616a;font-size:1.08rem;line-height:1.6}.hero__status{display:flex;flex-direction:column;gap:10px}.hero__status span,.device-card__footer span{display:inline-flex;gap:8px;align-items:center;color:#295463;font-weight:700}.eyebrow{margin:0 0 8px;color:#006e83;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:28px;align-items:start}.panel,.device-card{border:1px solid #c9dfdc;border-radius:8px;background:#ffffffc7;box-shadow:0 16px 40px #1b505a14}.panel{display:grid;gap:16px;padding:20px}.panel__heading,.section-heading,.device-card__header,.device-card__footer{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel h2,.section-heading h2,.device-card h3{margin:0}label{display:grid;gap:7px;color:#3f5861;font-size:.9rem;font-weight:700}input{width:100%;min-height:44px;border:1px solid #bbd2d0;border-radius:8px;padding:0 12px;color:#132027;background:#fff}.primary-button,.icon-button{border:0;border-radius:8px;font-weight:800}.primary-button{min-height:46px;color:#fff;background:#007f92}.primary-button:disabled{cursor:wait;opacity:.65}.devices{display:grid;gap:14px}.device-card{padding:18px}.status{border-radius:999px;padding:6px 10px;color:#6b3d11;background:#ffe6bd;font-size:.78rem;font-weight:800}.status--online{color:#0d5c35;background:#c7f3d6}.device-card__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.device-card__stats div{min-width:0}.device-card__stats dt{color:#607982;font-size:.76rem;font-weight:800;text-transform:uppercase}.device-card__stats dd{margin:4px 0 0;overflow-wrap:anywhere;font-weight:800}.device-card__footer{border-top:1px solid #dbe9e7;padding-top:14px}.device-card__footer div{display:flex;gap:8px}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;color:#126174;background:#e3f2f0}.empty,.error{margin:0;border-radius:8px;padding:18px;background:#ffffffb8}.error{color:#8b1f1f}@media(max-width:800px){main{width:min(100% - 24px,640px);padding-top:18px}.hero,.layout,.device-card__stats{grid-template-columns:1fr}.hero__status{flex-direction:row;flex-wrap:wrap}}