*{margin:0;padding:0;box-sizing:border-box}body{background:#0d1117;color:#e6edf3;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.app{display:flex;flex-direction:column;height:100vh;padding:16px;gap:12px}.tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.session-tab,.new-tab-btn{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:8px 12px;background:#161b22;border:1px solid #30363d;border-radius:999px;color:#8b949e;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.session-tab:hover,.new-tab-btn:hover:not(:disabled){border-color:#58a6ff;color:#e6edf3}.session-tab.active{background:#1c2b22;border-color:#2ea043;color:#e6edf3}.tab-dot{width:8px;height:8px;border-radius:50%;background:#8b949e}.tab-dot.claude{background:#d8b4fe}.tab-dot.codex{background:#58a6ff}.tab-dot.shell{background:#8b949e}.tab-id{color:#6e7681;font-size:11px;font-weight:500}.new-tab-btn{border-style:dashed}.new-tab-btn:disabled{opacity:.5;cursor:not-allowed}.notifications{display:flex;flex-direction:column;gap:8px}.notification{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:8px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-info{background:#1c2333;border:1px solid #30363d}.notification-question{background:#2d1b4e;border:1px solid #a855f7}.notification-content{flex:1;min-width:0}.notification-title{font-size:13px;font-weight:600;margin-bottom:2px}.notification-question .notification-title{color:#d8b4fe}.notification-info .notification-title{color:#58a6ff}.notification-message{font-size:13px;color:#c9d1d9;line-height:1.4;word-break:break-word}.notification-dismiss{background:none;border:none;color:#484f58;font-size:16px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.notification-dismiss:hover{color:#e6edf3}.output{flex:1;background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow-y:auto;white-space:pre-wrap;word-break:break-word;color:#c9d1d9}.controls{display:flex;gap:8px;align-items:center}.agent-select{padding:8px 14px;background:#21262d;border:1px solid #30363d;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s;color:#e6edf3;outline:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.agent-select:focus{border-color:#58a6ff}.agent-select.active{background:#2d1b4e;border-color:#a855f7;color:#d8b4fe}.command-input{flex:1;padding:10px 14px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-family:SF Mono,Fira Code,Fira Mono,Menlo,Consolas,monospace;font-size:14px;outline:none;transition:border-color .15s}.command-input:focus{border-color:#58a6ff}.command-input::placeholder{color:#484f58}.file-input{display:none}.upload-btn{padding:10px 14px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.upload-btn:hover:not(:disabled){border-color:#58a6ff;color:#fff}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.run-btn{padding:10px 20px;background:#238636;border:1px solid #2ea043;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.run-btn:hover:not(:disabled){background:#2ea043}.run-btn:disabled{opacity:.5;cursor:not-allowed}.logout-btn{padding:10px 14px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#8b949e;font-size:13px;cursor:pointer;transition:all .15s}.logout-btn:hover{background:#da3633;border-color:#f85149;color:#fff}.login-container{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:auto}.login-title{font-size:24px;font-weight:600;color:#e6edf3}.login-subtitle{font-size:14px;color:#8b949e}.login-divider{display:flex;align-items:center;gap:10px;margin:4px 0;color:#6e7681;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#30363d}.login-error{font-size:13px;color:#f85149}.secondary-login-btn{background:#21262d;border-color:#30363d}@media(max-width:640px){.app{padding:10px}.controls{flex-wrap:wrap}.agent-select,.upload-btn,.run-btn,.logout-btn{flex:1}.command-input{flex-basis:100%;order:-1}}
