:root{--font-main: "Noto Sans", system-ui, sans-serif;--font-mono: "Google Sans Code", monospace;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f0f0f0;--bg-hover: #e0e0e0;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--accent-primary: #0066cc;--accent-primary-hover: #0052a3;--accent-secondary: #00aa55;--accent-danger: #dd0000;--accent-danger-hover: #b30000;--border-color: #e0e0e0;--border-hover: #cccccc;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}.app{width:100%;min-height:100dvh;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.container-narrow{max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.card{border:1px solid var(--border-color);padding:var(--spacing-md)}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--border-hover)}.btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);background:transparent;font-family:var(--font-main);font-size:13px;font-weight:500;cursor:pointer;color:var(--text-primary)}.btn:hover{border-color:var(--text-primary)}.btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-primary:hover{opacity:.8}.btn-danger{color:var(--accent-danger);border-color:var(--accent-danger)}.btn-danger:hover{background:var(--accent-danger);color:var(--bg-primary)}.input{width:100%;padding:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-main);font-size:16px}.input:focus{outline:none;border-color:var(--text-primary)}.input::placeholder{color:var(--text-tertiary)}.textarea{width:100%;padding:var(--spacing-sm);background:transparent;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-main);font-size:16px;resize:vertical;min-height:44px}.textarea:focus{outline:none;border-color:var(--text-primary)}.form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.label{font-size:13px;font-weight:500;color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-sm{font-size:13px}.text-xs{font-size:12px}.text-mono{font-family:var(--font-mono)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.nav{border-bottom:1px solid var(--border-color);padding:var(--spacing-sm) var(--spacing-md)}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:13px;font-weight:600;font-family:var(--font-mono)}.agent-tree{display:flex;flex-direction:column;gap:var(--spacing-md)}.agent-node{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.agent-node-manager{border-color:var(--accent-secondary)}.agent-node-worker{border-color:var(--border-color)}.agent-badge{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.agent-badge-manager{color:var(--text-primary)}.agent-badge-worker{color:var(--text-secondary)}.chat-container{display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:600px}.chat-messages{flex:1;display:flex;flex-direction:column;overflow-y:auto}.chat-message{padding:var(--spacing-sm);line-height:1.5;font-size:13px;white-space:pre-wrap;word-wrap:break-word;max-width:min(800px,calc(100% - 2rem))}.chat-message-user{background:var(--text-primary);color:var(--bg-primary)}.chat-message-agent{background:var(--bg-tertiary);color:var(--text-primary)}.chat-input-container{display:flex;gap:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.stat-card{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-value{font-size:32px;font-weight:700;color:var(--accent-primary)}.stat-label{font-size:13px;color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--text-secondary);padding:var(--spacing-xl)}.error{padding:var(--spacing-md);background:var(--accent-danger);color:#fff;border-radius:var(--radius-sm);font-size:13px}.success{padding:var(--spacing-md);background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-size:13px;font-weight:500}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100dvh}