:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#e3e9f4;background:#07111c}
*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid #243347;background:#0d1a2b}header strong{letter-spacing:.08em;color:#93f0d9}header small{display:block;color:#98abc2;font-size:11px;margin-top:5px}nav{display:flex;align-items:center;gap:22px}a{color:#a3dceb;text-decoration:none}nav span{font-size:11px;border:1px solid #50687e;border-radius:20px;padding:7px 12px}
.banner{font-size:13px;padding:11px 24px;background:#34411a;color:#ffebb7;border-bottom:1px solid #7c7430}main{max-width:1740px;margin:auto;padding:22px 24px 60px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px}.top h1{font-size:25px;margin:0 0 5px}.top p,.hint{margin:0;color:#8fa5bc;font-size:13px}button{background:#18364a;border:1px solid #3d6878;color:#d9f7f5;border-radius:9px;padding:9px 13px;cursor:pointer;font:inherit;font-size:13px}button:disabled{opacity:.3;cursor:not-allowed}button:not(:disabled):hover{background:#235166}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.metrics article,.agents,.office,.right,.boards article{border:1px solid #233c50;background:#0c1d2c;border-radius:15px}.metrics article{padding:15px}.metrics small{display:block;font-size:11px;color:#8ca4b9}.metrics b{font-size:19px;display:block;margin-top:8px}
.layout{display:grid;grid-template-columns:minmax(205px,1fr) minmax(480px,3.15fr) minmax(230px,1.05fr);gap:14px;align-items:start}.agents,.right{padding:16px;min-height:540px}.layout h2,.boards h2{font-size:16px;margin:0 0 12px}.agents-list{margin-top:14px}.agent{padding:10px;border:1px solid #284252;background:#10273a;margin-bottom:8px;border-radius:10px;cursor:pointer;display:flex;gap:9px;justify-content:space-between;align-items:center;text-align:left;width:100%;font-size:12px}.agent b{color:#d0fcf3}.agent small{color:#96aec2;font-size:10px}.agent.active{border-color:#59b6a3;background:#153c47}.state{font-size:10px;color:#c0dce9;border:1px solid #486175;border-radius:20px;padding:3px 7px;white-space:nowrap}.state.completed{color:#74ddba}.state.failed{color:#ffa1a1}.state.running{color:#ffe69f}.state.needs_owner_approval{color:#e5c1ff}
.office{overflow:hidden}.office-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #24384d}.office-head h2{margin:0}.office-head span{font-size:10px;color:#f6d99c}.viewport{height:490px;background:radial-gradient(circle at center,#152d3d,#061525);position:relative;overflow:hidden;touch-action:none}.viewport img{display:block;max-width:none;transform-origin:center center;position:absolute;top:50%;left:50%;width:96%;height:auto;user-select:none}#master-missing{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(82%,500px);text-align:center;padding:28px;border:1px dashed #4f6b80;border-radius:12px;background:#0b1b2a;color:#eacfa4}#master-missing strong{font-size:16px}#master-missing p{color:#adbcc9;font-size:13px;line-height:1.7}#master-missing small{font-size:11px;color:#88a9c0}.controls{padding:13px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid #26394c}.controls span{font-size:11px;color:#88a7b9;margin-left:auto}.detail{padding:14px;border-top:1px solid #26394c;color:#c6d9e5;font-size:13px;min-height:77px;white-space:pre-wrap;overflow-wrap:anywhere}
.right h3{font-size:13px;margin:21px 0 8px}.right p{font-size:12px;color:#9fb3c5;line-height:1.5}.control{padding:12px;background:#17293b;border-radius:10px}.control strong{font-size:12px}.control button{margin-top:6px}.control #stop{border-color:#a25d59;color:#ffd1c5}.boards{display:grid;grid-template-columns:1fr 1.5fr 1.2fr;gap:14px;margin-top:14px}.boards article{padding:15px;min-height:150px;overflow:auto}.boards p,.boards div{font-size:12px;color:#b9cadb;line-height:1.6}.job{padding:8px;border-bottom:1px solid #283c4a}.job strong{color:#85dac7}.event{border-bottom:1px solid #203c50;padding:6px 0}footer{color:#688098;text-align:center;padding:18px;font-size:11px}
@media(max-width:1150px){.layout{grid-template-columns:230px minmax(0,1fr)}.right{grid-column:1/-1;min-height:0}.boards{grid-template-columns:1fr 1fr}}@media(max-width:750px){main{padding:15px}.layout,.boards{display:block}.office,.right,.agents,.boards article{margin-bottom:14px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.viewport{height:330px}header{padding:14px;flex-wrap:wrap}.controls span{width:100%}}