:root{--bg:#0d1117;--panel:#161b22;--border:#30363d;--text:#e6edf3;--muted:#8b949e;--accent:#238636;--accent-hover:#2ea043;--danger:#da3633;--blue:#1f6feb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--blue)}.container{max-width:880px;margin:0 auto;padding:32px 20px}header.app-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px}h1{font-size:22px;margin:0}.brand-sep{color:var(--muted);font-weight:400}.brand-tag{font-weight:500;background:linear-gradient(90deg,#3b82f6,#3fb950 55%,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:16px;margin:0;font-weight:600}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.hire-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px}.hire-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .15s,transform .15s}.hire-card:hover{border-color:var(--muted);transform:translateY(-2px)}.robot-avatar{border-radius:16px;border:2px solid var(--border);background:var(--bg);display:block;object-fit:cover}.robot-avatar-sm{border-radius:12px;border-width:2px;flex:0 0 auto}.hire-name{font-size:17px;font-weight:700;margin-top:12px}.hire-role{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.hire-tagline{font-size:13px;color:var(--muted);margin:10px 0 16px;line-height:1.4;min-height:36px}.hire-btn{width:100%}.hire-more{margin-top:28px}.hire-more>summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--text);list-style:none;display:inline-flex;align-items:center;gap:6px;padding:6px 0}.hire-more>summary::-webkit-details-marker{display:none}.hire-more>summary:before{content:"▸";color:var(--muted);font-size:13px;transition:transform .15s}.hire-more[open]>summary:before{transform:rotate(90deg)}.hire-more[open]>summary{margin-bottom:14px}.teammate-card{border-radius:12px}.teammate-id{display:flex;align-items:flex-start;gap:14px}.teammate-slack{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.teammate-slack>summary{cursor:pointer;font-size:14px;list-style:none;display:flex;align-items:center;gap:6px}.teammate-slack>summary::-webkit-details-marker{display:none}.teammate-slack>summary:before{content:"▸";color:var(--muted);font-size:12px;transition:transform .15s}.teammate-slack[open]>summary:before{transform:rotate(90deg)}.ts-label{font-weight:600}.ts-team{font-size:13px}.teammate-slack .slack-steps{margin-top:12px}.slack-avatar-row{display:flex;align-items:center;gap:12px;margin-top:10px}.muted{color:var(--muted)}.btn,.muted{font-size:14px}.btn{display:inline-block;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:6px 14px;border-radius:6px;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{color:#f85149}.btn-blue{background:#1f6feb;border-color:#1f6feb;color:#fff}.btn-blue:hover{background:#388bfd}.btn:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:16px;margin-bottom:12px}.row{align-items:center;justify-content:space-between;gap:12px}.actions,.row{display:flex;flex-wrap:wrap}.actions{gap:8px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.badge.available{color:#3fb950;border-color:#238636}.badge.shutdown{color:var(--muted)}.badge.busy{color:#d29922;border-color:#9e6a03}input,select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:14px}.error{color:#f85149;margin:8px 0}.error,.ok{font-size:14px}.ok{color:#3fb950}.slack-panel{margin-bottom:16px}.slack-setup{margin-top:12px}.slack-setup>summary{cursor:pointer;font-size:14px}.slack-steps{margin:10px 0 0;padding-left:20px;font-size:14px;line-height:1.6}.slack-steps>li{margin-bottom:10px}.slack-form{gap:10px;margin-top:8px;max-width:460px}.slack-form,.slack-form label{display:flex;flex-direction:column}.slack-form label{gap:4px}.slack-form label>span{font-size:13px;color:var(--muted)}.slack-form input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:inherit;font-size:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.slack-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.help{position:relative;margin-left:6px;font-size:12px;color:#388bfd;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.help-pop{display:none;position:absolute;z-index:30;top:100%;left:0;margin-top:6px;padding:4px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 28px rgba(0,0,0,.45)}.help:focus-within .help-pop,.help:hover .help-pop{display:block}.help-pop img{display:block;width:420px;max-width:60vw;height:auto;border-radius:4px}.hero{text-align:center;padding:80px 20px}.hero h1{font-size:32px;margin-bottom:12px}.gateway{display:flex;flex-direction:column;height:100vh}.gateway-header{display:flex;align-items:center;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel);flex:0 0 auto}.gateway-title{font-size:15px;white-space:nowrap}.gateway-phase{display:flex;align-items:center;gap:8px;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gateway-actions{display:flex;gap:8px;flex:0 0 auto}.gateway-body{flex:1 1;position:relative;background:#000}.vnc-frame{border:0;width:100%;height:100%;display:block}.gateway-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:20px}.spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.spinner-lg{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(1turn)}}.provision{margin-top:10px}.provision-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pstep{font-size:11px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted);padding:2px 8px;border:1px solid var(--border);border-radius:999px;position:relative}.pstep:not(:last-child):after{content:"›";position:absolute;right:-9px;color:var(--border)}.pstep.done{color:#3fb950;border-color:#238636}.pstep.active{color:#d29922;border-color:#9e6a03}.pstep.failed{color:#f85149;border-color:var(--danger)}.provision-detail{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}.provision-error .provision-detail{color:#f85149}