:root{font-family:Inter,system-ui,sans-serif;color:#e8eef7;background:#101722}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{margin:0;color:#62d4ff}h2{font-size:20px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{background:#172333;border:1px solid #263a52;border-radius:12px;padding:22px}article{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #263a52}article:last-child{border:0}small{grid-column:1/-1;color:#8fa5bc}.status{padding:4px 8px;border-radius:5px;background:#344256;font-size:12px}.online,.running{background:#165d4a;color:#9dffcf}.offline,.failed{background:#702f3a;color:#ffb5bd}.actions{grid-column:1/-1;display:flex;gap:8px}button{border:0;border-radius:6px;padding:9px 14px;background:#2386c8;color:#fff;cursor:pointer}button:hover{background:#35a3ec}.login{display:grid;place-items:center;height:100vh}.login section{width:min(420px,90vw)}form{display:grid;gap:12px;margin-top:20px}input{padding:12px;border:1px solid #38506b;border-radius:6px;background:#0d1621;color:#fff}.notice{color:#83d8ff}@media(max-width:800px){.grid{grid-template-columns:1fr}main{padding:16px}}