:root{--bg:#020914;--panel:#071827;--panel2:#0a2134;--line:#164f70;--cyan:#16c8ff;--green:#79f04d;--gold:#ffc83d;--purple:#a76cff;--orange:#ff6847;--white:#f5fbff;--muted:#91aabc}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 50% 15%,#08304b55,transparent 30%),linear-gradient(#030b16,#01060d);color:var(--white);font:15px Inter,Segoe UI,Arial,sans-serif}a{color:var(--cyan);text-decoration:none}.topbar{min-height:78px;display:flex;align-items:center;gap:28px;padding:12px 24px;border-bottom:1px solid #123248;background:#020912ee;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:#fff;min-width:275px}.brand-icon{font-size:38px;color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan))}.brand b{font-size:20px;letter-spacing:.04em}.brand small{display:block;color:var(--cyan);font-size:10px;margin-top:4px;letter-spacing:.12em}.nav{display:flex;gap:6px;flex:1}.nav a{padding:12px;border-radius:8px;color:#c8d8e3}.nav a:hover{background:#0a263a;color:#fff}.user-chip{display:flex;align-items:center;gap:9px}.user-chip b{color:var(--green);font-size:11px}.shell{max-width:1500px;margin:auto;padding:24px}.panel,.card{background:linear-gradient(180deg,#0a2031,#06131f);border:1px solid var(--line);border-radius:15px;box-shadow:inset 0 0 20px #0ebcff0a,0 8px 24px #0005}.panel{padding:22px}.grid{display:grid;gap:15px}.stats{grid-template-columns:repeat(4,1fr)}.stat{padding:18px}.stat strong{display:block;color:var(--green);font-size:30px}.stat span{color:var(--muted);font-size:12px}h1{font-size:28px;margin:0 0 20px}h2{color:#dff7ff}.btn,button{display:inline-block;border:1px solid #1bbdf4;border-radius:9px;background:linear-gradient(#0da8df,#08719e);color:white;padding:10px 15px;font-weight:800;cursor:pointer}.btn.alt{border-color:#455e72;background:#102536}.btn.danger{border-color:#b94a45;background:#6d2428}input,select,textarea{width:100%;padding:11px 12px;margin:6px 0 14px;border-radius:8px;border:1px solid #23506b;background:#03101b;color:white}label{display:block;color:#bcd0de;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #163449}th{color:var(--cyan);font-size:12px;text-transform:uppercase}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#17364b;color:#bdeaff}.badge.active{background:#173d27;color:#8dff75}.flash{padding:13px 16px;border-radius:9px;margin-bottom:15px;background:#17364b}.flash.error{background:#59252b}.flash.success{background:#16412b}.hero{text-align:center;padding:70px 20px}.hero h1{font-size:48px;color:#7be7ff;text-shadow:0 0 18px #00bfff}.hero p{font-size:20px;color:#bad0df}.machine-layout{display:grid;grid-template-columns:260px 1fr 300px;gap:16px}.feeds{display:grid;gap:12px}.feed{position:relative;padding:20px;border-left:5px solid var(--accent);box-shadow:inset 0 0 20px color-mix(in srgb,var(--accent) 12%,transparent)}.feed b{display:block;font-size:17px}.feed span{color:var(--accent)}.machine{min-height:480px;padding:24px;border:4px solid #38576b;border-radius:30px;background:linear-gradient(135deg,#1c2b38,#071019 55%,#142431);box-shadow:inset 0 0 0 4px #111a21,0 0 35px #00aaff22;text-align:center}.machine-name{font-size:30px;font-weight:950;color:#79e8ff;padding:16px;border:2px solid #237ba5;border-radius:12px;background:#020a11;text-shadow:0 0 15px #00b8ff}.machine-screen{margin:22px auto;padding:34px 12px;border:2px solid #27475f;border-radius:14px;background:#02070c}.gears{font-size:50px;color:#139edf;animation:pulse 2s infinite}.fuel{height:18px;background:#06101a;border:1px solid #31677e;border-radius:20px;overflow:hidden}.fuel i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold));box-shadow:0 0 12px var(--green)}@keyframes pulse{50%{filter:drop-shadow(0 0 12px #16c8ff)}}footer{text-align:center;color:#56758b;padding:25px}@media(max-width:1000px){.machine-layout{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.topbar{flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto}.machine-layout .feeds{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.shell{padding:14px}.stats,.machine-layout .feeds{grid-template-columns:1fr}.hero h1{font-size:34px}.user-chip span{display:none}.brand{min-width:0}.machine{min-height:390px}}