*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f3f6fb;color:#1b2433}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.app{min-height:100vh}.app,.side{display:flex}.side{width:220px;flex-shrink:0;background:#13294b;color:#cfdcf2;padding:22px 14px;flex-direction:column}.side .brand{color:#fff;font-weight:700;font-size:18px;margin-bottom:24px;padding:0 8px}.side .item{padding:10px 12px;border-radius:8px;margin-bottom:4px;font-size:15px;display:flex;justify-content:space-between;align-items:center}.side .item:hover{background:#1c3863}.side .item.on{background:#24478e;color:#fff}.badge{background:#e02424;color:#fff;border-radius:10px;padding:0 8px;font-weight:700}.badge,.who{font-size:13px}.who{margin-top:auto;padding:12px 8px 0;border-top:1px solid #24406b;word-break:break-all}.who .role{color:#8fb0e6;margin:2px 0 8px}.link{background:none;border:none;color:#8fb0e6;padding:0;text-decoration:underline}.main{flex:1 1;min-width:0}.alert{background:#d92d20;color:#fff;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10;animation:pulse 2s infinite}.alert .btns a{background:#fff;color:#d92d20;font-weight:700;padding:7px 12px;border-radius:7px;margin-left:8px;font-size:14px;white-space:nowrap}@keyframes pulse{50%{background:#b42318}}.top{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 8px}.top h1{margin:0;font-size:24px;color:#1f3f8a}.kill{background:#fff;border:2px solid #d92d20;color:#d92d20;padding:8px 14px;border-radius:8px;font-weight:700}.kill:disabled{opacity:.45;cursor:not-allowed}.ghost{border:1px solid #c9d3e3;border-radius:8px;padding:7px 12px;color:#1f3f8a;background:#fff;font-size:14px}.pad{padding:0 28px}.hint{color:#5b6578;font-size:14px}.warn{color:#b42318;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:16px;gap:16px;padding:12px 28px 28px}.card{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:0 1px 3px rgba(0,0,0,.08);border-left:6px solid #9aa6b8}.card.run{border-left-color:#16a34a}.card.wait{border-left-color:#d92d20}.card.err{border-left-color:#b42318}.card.idle{border-left-color:#7c8ba1}.hd{justify-content:space-between;gap:8px}.hd,.nm{display:flex;align-items:center}.nm{font-size:18px;font-weight:700;gap:10px}.ic{font-size:26px}.pill{font-size:13px;font-weight:700;padding:4px 10px;border-radius:12px;white-space:nowrap}.p-run{background:#dcfce7;color:#166534}.p-wait{background:#fee2e2;color:#b42318}.p-idle{background:#eef1f6}.p-idle,.row{color:#475467}.row{font-size:14px;margin-top:8px}.row b{color:#1b2433}.now{margin-top:10px;background:#eef4ff;border-radius:8px;padding:8px 10px;color:#1f3f8a}.msg,.now{font-size:14px}.msg{margin-top:8px;color:#344054;border-top:1px solid #eef1f6;padding-top:8px}.vnc{padding:12px 28px 28px}.vnc iframe{width:100%;height:calc(100vh - 170px);min-height:520px;border:1px solid #c9d3e3;border-radius:10px;background:#000}.signin{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.signin-card{max-width:420px;width:100%;text-align:center;border-left:none;padding:32px}.signin-card h1{color:#1f3f8a;margin-top:0}.primary{background:#24478e;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:700;font-size:16px}@media (max-width:760px){.app{flex-direction:column}.side{width:100%;flex-direction:row;flex-wrap:wrap;gap:4px;padding:12px}.side .brand{width:100%;margin-bottom:8px}.who{width:100%}.alert{flex-direction:column;align-items:flex-start;padding:12px 16px}.grid,.pad,.top,.vnc{padding-left:16px;padding-right:16px}}