:root{--ink:#121A24;--slate:#263341;--steel:#5A6572;--mist:#B8C0C8;--fog:#F1F3F5;--paper:#fff;--focus:#5266FF;--spark:#D96832;--evidence:#2E8E72;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--fog)}*{box-sizing:border-box}body{margin:0}a{color:var(--focus)}.shell{max-width:1180px;margin:auto;padding:28px}.brand{width:150px}.top{display:flex;justify-content:space-between;gap:20px;align-items:center}.hero{padding:80px 0 54px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--focus)}h1{font-size:58px;line-height:1.02;margin:8px 0 18px;letter-spacing:-.04em}h2{margin:0 0 10px}p{color:var(--steel);line-height:1.6}.card{background:var(--paper);border:1px solid var(--mist);border-radius:16px;padding:18px}.accent{border-top:4px solid var(--focus)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.btn{display:inline-flex;min-height:40px;align-items:center;padding:0 15px;border-radius:8px;border:1px solid var(--mist);background:var(--paper);color:var(--ink);font-weight:700;text-decoration:none;cursor:pointer}.btn.primary{background:var(--focus);border-color:var(--focus);color:white}.btn.danger{color:#a12424}.observer{max-width:980px;margin:auto;padding:28px}.form{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:11px;font-weight:800;color:var(--steel);display:grid;gap:5px;text-transform:uppercase;letter-spacing:.06em}input{height:40px;border:1px solid var(--mist);border-radius:8px;padding:0 10px;font:inherit}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--fog);font-size:11px;font-weight:800}.status.online{background:#e9f7f1;color:var(--evidence)}.workers{display:grid;gap:10px;margin-top:16px}.worker{display:grid;grid-template-columns:1fr auto;gap:12px;background:white;border:1px solid var(--mist);border-radius:12px;padding:13px}.meta{font-size:12px;color:var(--steel);margin-top:5px}.actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:800px){.shell,.observer{padding:18px}.hero{grid-template-columns:1fr;padding:50px 0 30px}h1{font-size:42px}.grid,.form{grid-template-columns:1fr}.worker{grid-template-columns:1fr}.actions{justify-content:flex-start}}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}footer{margin:44px 0 16px;padding-top:18px;border-top:1px solid var(--mist);color:var(--steel);font-size:12px;letter-spacing:.04em}