.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:20px;border-bottom:1px solid var(--color-border)}.logo{font-size:20px;font-weight:700;color:var(--color-primary);letter-spacing:2px}.logo-sub{display:block;font-size:11px;color:var(--color-text-secondary);margin-top:2px}.sidebar-nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);color:var(--color-text-secondary);font-size:14px;transition:all .15s}.nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-link.active{background:var(--color-primary);color:#fff}.nav-icon{font-size:16px}.sidebar-footer{padding:16px;border-top:1px solid var(--color-border)}.user-info{margin-bottom:8px}.user-email{font-size:12px;color:var(--color-text-secondary)}.btn-logout{width:100%;padding:8px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-secondary);font-size:13px}.btn-logout:hover{background:var(--color-surface-hover);color:var(--color-text)}.main-content{flex:1;overflow:auto;display:flex;flex-direction:column}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card{width:400px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-logo{font-size:32px;font-weight:800;color:var(--color-primary);letter-spacing:4px}.login-subtitle{color:var(--color-text-secondary);font-size:13px;margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.login-form h2{font-size:18px;font-weight:600;text-align:center}.login-error{background:#ef44441a;border:1px solid var(--color-error);color:var(--color-error);padding:10px 14px;border-radius:var(--radius);font-size:13px}.login-input{padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:14px;outline:none}.login-input:focus{border-color:var(--color-primary)}.login-btn{padding:12px;background:var(--color-primary);border:none;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:600}.login-btn:hover:not(:disabled){background:var(--color-primary-hover)}.login-btn:disabled{opacity:.6}.login-toggle{background:none;border:none;color:var(--color-text-secondary);font-size:13px;text-align:center}.login-toggle:hover{color:var(--color-primary)}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);text-align:center;gap:12px}.chat-empty h2{font-size:24px;color:var(--color-text)}.chat-suggestions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.suggestion{padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;font-size:13px;cursor:pointer;transition:all .15s}.suggestion:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.message{display:flex;gap:12px;max-width:800px}.message-user{flex-direction:row-reverse;align-self:flex-end}.message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.message-body{background:var(--color-surface);padding:12px 16px;border-radius:var(--radius);border:1px solid var(--color-border);max-width:600px}.message-user .message-body{background:var(--color-primary);border-color:var(--color-primary)}.message-content{font-size:14px;line-height:1.6}.message-content p{margin:0 0 8px}.message-content p:last-child{margin-bottom:0}.message-content code{background:#0000004d;padding:2px 6px;border-radius:4px;font-size:13px}.message-content pre{background:#0000004d;padding:12px;border-radius:var(--radius);overflow-x:auto;margin:8px 0}.message-content pre code{background:none;padding:0}.tool-executions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.tool-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;font-size:11px;background:#0003;border:1px solid var(--color-border)}.tool-badge code{font-size:11px}.tool-completed{border-color:var(--color-success)}.tool-failed{border-color:var(--color-error)}.tool-running{border-color:var(--color-warning)}.cursor-blink{animation:blink 1s infinite;color:var(--color-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-indicator{display:flex;gap:4px;padding:12px 16px;align-items:center}.typing-indicator span{width:6px;height:6px;background:var(--color-text-secondary);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.16s}.typing-indicator span:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-container{display:flex;align-items:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-surface)}.chat-input{flex:1;resize:none;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);padding:12px 16px;font-size:14px;line-height:1.5;outline:none;min-height:44px;max-height:200px}.chat-input:focus{border-color:var(--color-primary)}.chat-input::placeholder{color:var(--color-text-secondary)}.chat-send-btn{width:44px;height:44px;border-radius:var(--radius);border:none;background:var(--color-primary);color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.chat-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-page{display:flex;flex-direction:column;height:100%}.chat-header{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.chat-header h2{font-size:16px;font-weight:600}.chat-session-id{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-mono)}.dashboard{padding:32px;max-width:1000px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:24px;margin-bottom:4px}.dashboard-header p{color:var(--color-text-secondary);font-size:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:32px}.dash-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .15s}.dash-card:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.dash-card-icon{font-size:24px;margin-bottom:8px}.dash-card h3{font-size:16px;margin-bottom:4px}.dash-card p{font-size:13px;color:var(--color-text-secondary)}.dashboard-status{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.dashboard-status h2{font-size:16px;margin-bottom:16px}.status-grid{display:flex;flex-direction:column;gap:8px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px}.status-dot{width:8px;height:8px;border-radius:50%}.status-ok{background:var(--color-success)}.status-down{background:var(--color-error)}.status-value{margin-left:auto;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px}.agents-page{padding:32px;max-width:1000px}.agents-page h1{font-size:24px;margin-bottom:4px}.agents-sub{color:var(--color-text-secondary);font-size:14px;margin-bottom:24px}.agents-grid{display:flex;flex-direction:column;gap:12px}.agent-card{display:flex;align-items:center;gap:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;transition:all .15s}.agent-card:hover{background:var(--color-surface-hover)}.agent-indicator{width:4px;height:48px;border-radius:2px;flex-shrink:0}.agent-info{flex:1}.agent-info h3{font-size:16px;margin-bottom:2px}.agent-role{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-mono)}.agent-info p{font-size:13px;color:var(--color-text-secondary);margin-top:6px}.agent-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary);flex-shrink:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-hover: #242836;--color-border: #2e3345;--color-text: #e1e4ed;--color-text-secondary: #8b90a0;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-agent-personal: #6366f1;--color-agent-devops: #06b6d4;--color-agent-finance: #22c55e;--color-agent-hr: #f59e0b;--radius: 8px;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}