*{box-sizing:border-box}:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}html,body,#root{height:100%;margin:0}body{color:#e6e8ee;background:#0f1117}.layout{display:flex;height:100vh}.sidebar{display:flex;overflow-y:auto;background:#161a23;border-right:1px solid #232838;flex-direction:column;flex-shrink:0;gap:18px;width:280px;padding:20px 16px}.brand{display:flex;align-items:center;gap:12px}.brand .logo{font-size:28px}.brand h1{margin:0;font-size:17px}.brand p{margin:0}.muted{color:#8b93a7;margin:2px 0 0;font-size:12.5px}.meta{display:flex;background:#1c212c;border-radius:10px;flex-direction:column;gap:8px;padding:12px}.meta-row{display:flex;justify-content:space-between;font-size:13px}.meta-label{color:#8b93a7}.meta-value{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-section h3{text-transform:uppercase;letter-spacing:.06em;color:#8b93a7;margin:0 0 10px;font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{color:#c4c9d6;background:#232838;border:1px solid #2e3547;border-radius:999px;padding:3px 10px;font-size:12px}.sidebar-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto}.foot{color:#5c6478;border-top:1px solid #232838;padding-top:12px;font-size:11px}.chat{display:flex;flex-direction:column;flex:1;min-width:0}.chat-header{border-bottom:1px solid #1d222e;padding:18px 28px 8px}.chat-header h2{margin:0 0 4px;font-size:19px}.chat-header p{margin:0;color:#8b93a7;font-size:13px}.messages{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:16px;padding:20px 28px}.empty{color:#5c6478;margin:auto;font-size:14px}.bubble{display:flex;gap:12px;max-width:86%}.bubble.user{flex-direction:row-reverse;align-self:flex-end}.bubble.assistant{align-self:flex-start}.bubble-avatar{display:flex;background:#1f2532;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px}.bubble-body{display:flex;flex-direction:column;gap:10px;min-width:0}.bubble-body p{margin:0;line-height:1.55}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 8px;line-height:1.55}.md strong{color:#fff}.md code{background:#0f1117;border:1px solid #232838;border-radius:4px;padding:1px 5px;font-size:.9em}.md pre{background:#0f1117;border:1px solid #232838;border-radius:8px;padding:10px;overflow-x:auto;margin:8px 0}.md pre code{background:none;border:none;padding:0}.md ul,.md ol{margin:8px 0;padding-left:20px}.md li{margin:3px 0}.md table{width:100%;border-collapse:collapse;margin:8px 0;font-size:13px}.md th,.md td{border:1px solid #232838;padding:6px 10px;text-align:left}.md th{background:#1c212c;color:#c4c9d6;font-weight:600}.md tr:nth-child(2n) td{background:#131722}.bubble.user .bubble-body{background:#2563eb;border-radius:14px 14px 4px;padding:10px 14px}.steps{display:flex;flex-direction:column;gap:8px}.step{background:#161a23;border:1px solid #232838;border-radius:10px;padding:8px 12px}.step summary{display:flex;justify-content:space-between;cursor:pointer;font-size:13px}.step-name{font-weight:600}.step-status{color:#8b93a7}.step pre{margin:8px 0 0;font-size:11px;white-space:pre-wrap;word-break:break-word;color:#c4c9d6;max-height:160px;overflow-y:auto}.approval{align-self:center;width:100%;max-width:560px;background:#1c212c;border:1px solid #2e3547;border-radius:12px;padding:14px 16px}.approval strong{display:block;margin-bottom:8px}.approval pre{margin:0 0 12px;font-size:12px;background:#0f1117;border-radius:8px;padding:10px;white-space:pre-wrap;word-break:break-word}.approval-actions{display:flex;gap:8px}.composer{border-top:1px solid #1d222e;padding:14px 28px 18px}.hitl-toggle{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:10px}.toggle-label{color:#8b93a7}.switch{position:relative;display:inline-block;width:38px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#232838;border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}.switch input:checked+.slider{background:#2563eb}.switch input:checked+.slider:before{transform:translate(16px)}.composer form{display:flex;gap:10px}.composer input{flex:1;background:#161a23;border:1px solid #2e3547;border-radius:10px;color:#e6e8ee;padding:11px 14px;font-size:14px}.composer input:focus{outline:none;border-color:#2563eb}.btn-primary{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px;font-size:14px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid #2e3547;border-radius:10px;color:#c4c9d6;cursor:pointer;padding:9px 14px;font-size:13px}.btn-ghost:hover{border-color:#3d4760}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-oauth{background:#161a23;border:1px solid #2e3547;border-radius:10px;color:#e6e8ee;cursor:pointer;padding:10px 14px;font-size:14px;width:100%}.btn-oauth:hover{border-color:#3d4760}.center{display:flex;height:100%;align-items:center;justify-content:center;color:#8b93a7}.auth-wrap{display:flex;height:100%;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:#161a23;border:1px solid #232838;border-radius:16px;padding:28px}.auth-brand{text-align:center;margin-bottom:22px}.auth-logo{font-size:40px;display:block}.auth-brand h1{margin:8px 0 0;font-size:20px}.auth-form{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.auth-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#8b93a7}.auth-form input{background:#0f1117;border:1px solid #2e3547;border-radius:10px;color:#e6e8ee;padding:10px 12px;font-size:14px}.auth-form input:focus{outline:none;border-color:#2563eb}.auth-form .btn-primary{margin-top:4px}.error{color:#f87171;font-size:13px;margin:0}.auth-card>.btn-ghost{width:100%}.auth-divider{display:flex;align-items:center;gap:10px;color:#5c6478;font-size:12px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#232838}.auth-oauth{display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.layout{flex-direction:column;height:100dvh}.sidebar{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-right:none;border-bottom:1px solid #232838;overflow:visible}.sidebar .meta,.sidebar .sidebar-section,.sidebar .foot{display:none}.brand{gap:8px}.brand .logo{font-size:22px}.brand p{display:none}.sidebar-actions{flex-direction:row;margin-top:0;gap:8px}.sidebar-actions .btn-ghost{padding:7px 12px;font-size:12px}.chat{min-height:0}.chat-header{padding:12px 16px 6px}.chat-header p{display:none}.messages{padding:14px;gap:12px}.bubble{max-width:100%}.bubble-body{min-width:0}.approval{max-width:100%}.composer{padding:10px 14px 14px}.composer form input{font-size:16px}}