:root{font-family:Segoe UI,Arial,sans-serif;color:#213447;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:82px;background:#102c40;color:#cbdbe5;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{color:white;font-size:25px;font-weight:800;text-decoration:none}.brand span{font-size:13px;letter-spacing:2px;color:#6ed8bf;margin-left:10px}main{max-width:1350px;margin:38px auto;padding:0 30px}h1{font-size:32px;margin:9px 0 12px}h2{font-size:20px}h3{margin:0 0 7px}p{line-height:1.65;color:#647687}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#20846f}.toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0}.metrics article,.machine,aside,.auth{background:white;border:1px solid #e1e8ef;border-radius:12px}.metrics article{padding:23px}.metrics span{display:block;color:#647687}.metrics strong{display:block;font-size:36px;margin-top:10px}.layout{display:grid;grid-template-columns:265px 1fr;gap:24px}aside{padding:22px;align-self:start}.client{display:block;padding:13px;border-radius:8px;margin:6px 0;text-decoration:none;color:#213447}.client small{display:block;margin-top:5px;color:#647687}.selected{background:#e5f5ef;color:#17634f}small{font-size:12px;color:#647687}.machine{padding:23px;margin-bottom:16px}.badge{font-size:12px;padding:7px 12px;border-radius:30px;white-space:nowrap}.online{background:#e2f5ec;color:#14644d}.warning{background:#fff2d6;color:#8a5900}.offline{background:#fde7e7;color:#a52626}.pending{background:#ecf0f4;color:#647687}.readings{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-top:25px;font-size:12px;color:#647687}.readings strong{display:block;font-size:17px;color:#213447;margin-top:7px}.issues{background:#fff9eb;border-radius:8px;padding:15px 15px 15px 32px;font-size:13px;line-height:1.8}.empty{padding:50px 30px;text-align:center;border:2px dashed #d8e1eb;border-radius:12px;background:#ffffff80}.notice{background:#e5f5ef;padding:23px;border-radius:12px;margin-bottom:20px}.notice p{color:#386455}button,.button{font:inherit;display:inline-block;text-decoration:none;background:#147a63;color:white;border:0;border-radius:7px;padding:11px 16px;font-weight:600;cursor:pointer}.secondary{background:#edf2f6;color:#345065}.auth{max-width:540px;margin:70px auto;padding:38px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input:not([type=hidden]){display:block;width:100%;border:1px solid #cad7e2;border-radius:6px;padding:12px;margin-top:7px;font:inherit}details{margin-top:20px;border-top:1px solid #e1e8ef;padding-top:15px}summary{cursor:pointer;color:#267863;font-weight:600;font-size:13px}.add{padding:25px;background:white;border-radius:12px}.error{padding:12px;background:#fff0ed;color:#a02626;border-radius:6px}.muted{font-size:12px}footer{text-align:center;padding:30px;color:#7c8a96;font-size:12px}@media(max-width:850px){.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.readings{grid-template-columns:repeat(2,1fr)}header>span{display:none}.toolbar{align-items:flex-start}h1{font-size:25px}main{padding:0 16px}.auth{padding:25px;margin:30px auto}}