:root{--bg:#07111f;--panel:#0d1b2e;--line:#20344f;--text:#f6fbff;--muted:#8da4bd;--cyan:#26d9ff;--green:#23e58a;--red:#ff5364;--amber:#ffc857}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#12365a 0,#07111f 42%);color:var(--text);font-family:Inter,Segoe UI,Arial}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:rgba(5,14,26,.92);border-right:1px solid var(--line);padding:28px 18px}.brand{font-size:29px;font-weight:900;letter-spacing:1px;margin-bottom:38px}.brand span{color:var(--cyan)}nav{display:grid;gap:10px}nav a{padding:13px 14px;border-radius:12px;color:var(--muted);text-decoration:none;transition:.25s}nav a:hover,nav a.active{color:#fff;background:linear-gradient(90deg,rgba(38,217,255,.18),transparent);transform:translateX(4px)}main{padding:28px 34px}header{display:flex;justify-content:space-between;align-items:center}h1{margin:0;font-size:27px}header p{color:var(--muted);margin-top:6px}.hero{margin:25px 0;background:linear-gradient(120deg,rgba(38,217,255,.13),rgba(35,229,138,.05));border:1px solid #26506a;border-radius:22px;padding:27px;display:flex;justify-content:space-between;box-shadow:0 20px 60px rgba(0,0,0,.28)}.hero strong{display:block;font-size:55px;color:var(--cyan);text-shadow:0 0 25px rgba(38,217,255,.35)}.hero span,.hero small{color:var(--muted)}.hero-kpis{display:flex;gap:40px;align-items:center}.hero-kpis b{display:block;font-size:30px}.section-title{display:flex;align-items:center;gap:12px}.pulse{font-size:11px;color:var(--green);animation:pulse 1.4s infinite}.machine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px}.machine-card{position:relative;overflow:hidden;background:rgba(13,27,46,.91);border:1px solid var(--line);border-radius:17px;padding:18px;transition:.3s}.machine-card:hover{transform:translateY(-5px);border-color:#3c6c8b}.machine-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--state)}.machine-head{display:flex;justify-content:space-between}.state{color:var(--state);font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.metrics div{background:#091526;border-radius:10px;padding:10px;text-align:center}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics b{font-size:15px}.bar{height:6px;background:#15283d;border-radius:10px;margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;background:var(--state);transition:width .8s}@keyframes pulse{50%{opacity:.25}}@media(max-width:800px){.app-shell{grid-template-columns:1fr}aside{display:none}main{padding:18px}.hero{display:block}.hero-kpis{margin-top:20px;justify-content:space-between}}