:root{--bg-base: #09090b;--bg-surface: #0c0c0e;--bg-elevated: #18181b;--bg-hover: #27272a;--bg-input: #18181b;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-faint: #3f3f46;--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--border-focus: rgba(255, 255, 255, .2);--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--accent-amber: #f59e0b;--accent-green: #22c55e;--accent-red: #ef4444;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--agent-kodori: #3b82f6;--agent-io: #f59e0b;--agent-dio: #8b5cf6;--agent-rio: #22c55e;--agent-imao: #ec4899;--agent-vo: #ef4444;--agent-dao: #06b6d4;--status-working: #3b82f6;--status-done: #22c55e;--status-pending: #94a3b8;--status-error: #ef4444;--status-waiting: #f59e0b;--status-standby: #666666;--status-sleeping: #444444;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 20px;--sp-2xl: 24px;--sp-3xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 99px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Monaco", monospace;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 14px;--font-xl: 16px;--font-2xl: 18px;--font-3xl: 24px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-md)}h6{font-size:var(--font-sm)}p{color:var(--text-secondary);font-size:var(--font-md)}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-purple);text-decoration:underline}code,pre{font-family:var(--font-mono);font-size:var(--font-sm);background:var(--bg-input);padding:2px 6px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.text-xs{font-size:var(--font-xs)}.text-sm{font-size:var(--font-sm)}.text-md{font-size:var(--font-md)}.text-lg{font-size:var(--font-lg)}.text-xl{font-size:var(--font-xl)}.text-2xl{font-size:var(--font-2xl)}.text-3xl{font-size:var(--font-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-select{user-select:none;-webkit-user-select:none}button{font-family:inherit;font-size:var(--font-md);cursor:pointer;border:none;outline:none;transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:var(--font-md);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--bg-elevated);border-radius:var(--radius-md);padding:var(--sp-sm) var(--sp-md);outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--accent-blue)}input::placeholder,textarea::placeholder{color:var(--text-muted)}@media(max-width:767px){:root{--sp-xl: 16px;--sp-2xl: 20px;--sp-3xl: 24px}body{font-size:14px}h1{font-size:var(--font-2xl)}h2{font-size:var(--font-xl)}h3{font-size:var(--font-lg)}}.login-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--bg-base)}.login-box{background:var(--bg-surface);padding:var(--sp-3xl) var(--sp-2xl);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-modal);border:1px solid var(--border-default);max-width:400px;width:calc(100% - var(--sp-3xl))}.login-box h1{margin:0 0 var(--sp-sm) 0;font-size:var(--font-2xl);color:var(--text-primary);font-weight:700}.login-box p{color:var(--text-secondary);margin:0 0 var(--sp-2xl) 0;font-size:var(--font-md)}.google-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--sp-md);width:100%;padding:var(--sp-md) var(--sp-xl);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--bg-hover);border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.google-login-btn:hover{background:var(--bg-hover);border-color:var(--accent-blue);box-shadow:var(--shadow-card)}.domain-hint{margin-top:var(--sp-lg);padding:var(--sp-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--accent-blue)}.domain-error{margin-top:var(--sp-md);padding:var(--sp-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--accent-red);cursor:pointer;transition:background var(--transition-fast)}.domain-error:hover{background:#ef444426}.login-box .error{color:var(--accent-red);margin:var(--sp-sm) 0 0 0;font-size:var(--font-sm)}.dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-md) var(--sp-2xl);background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:100;gap:var(--sp-lg)}.header-left{display:flex;align-items:center;gap:var(--sp-md)}.header-logo{height:32px;border-radius:var(--radius-sm);flex-shrink:0}.dashboard-header h1{margin:0;font-size:var(--font-xl);font-weight:700;color:var(--text-primary);letter-spacing:-.025em;white-space:nowrap}.header-right{display:flex;align-items:center;gap:var(--sp-lg)}.last-update{display:flex;align-items:center;gap:var(--sp-sm);color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap}.rt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.rt-dot.rt-ok{background:var(--status-done)}.rt-dot.rt-off{background:var(--status-error);animation:blink 1.5s infinite}@keyframes blink{50%{opacity:.3}}.user-info{display:flex;align-items:center;gap:var(--sp-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-blue);color:var(--bg-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-sm);font-weight:700;flex-shrink:0}.user-email{font-size:var(--font-sm);color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.refresh-btn,.logout-btn{background:transparent;border:1px solid var(--border-default);padding:var(--sp-sm) var(--sp-lg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap}.refresh-btn:hover:not(:disabled),.logout-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--bg-hover)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dashboard-main{flex:1;padding:var(--sp-2xl);display:flex;flex-direction:column;gap:var(--sp-2xl);max-width:1400px;margin:0 auto;width:100%}.tab-nav{display:flex;gap:var(--sp-xs);background:var(--bg-surface);padding:var(--sp-xs);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.tab-btn{flex:1;padding:var(--sp-md) var(--sp-lg);background:transparent;border:none;color:var(--text-muted);font-size:var(--font-md);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.tab-btn:hover{color:var(--text-secondary);background:var(--bg-elevated)}.tab-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:var(--shadow-card)}.section-agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-lg);flex-wrap:wrap;gap:var(--sp-md)}.section-agents-header h2{margin:0!important;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.section-agents h2,.section-timeline h2{margin:0 0 var(--sp-lg) 0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.status-legend-inline{display:flex;gap:var(--sp-lg);flex-wrap:wrap}.legend-item-sm{display:flex;align-items:center;gap:var(--sp-sm);font-size:var(--font-xs);color:var(--text-muted);font-weight:500}.legend-dot-sm{width:8px;height:8px;border-radius:50%}.agents-hierarchy{display:flex;flex-direction:column;align-items:center;gap:0}.hierarchy-pm{width:100%;max-width:420px}.hierarchy-connector{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px}.connector-line{width:2px;height:var(--sp-xl);background:var(--bg-elevated)}.connector-branches{display:flex;justify-content:space-between;width:66%;position:relative}.connector-branches.count-2{width:50%}.connector-branches.count-3{width:66%}.connector-branches.count-4{width:80%}.connector-branches:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--bg-elevated)}.connector-branch{width:2px;height:var(--sp-xl);background:var(--bg-elevated)}.hierarchy-members{display:flex;flex-wrap:wrap;gap:var(--sp-lg);width:100%;justify-content:center}.hierarchy-members>*{flex:0 1 420px;max-width:420px}.hierarchy-inactive{width:100%;margin-top:var(--sp-2xl);padding-top:var(--sp-lg);border-top:1px dashed var(--bg-elevated)}.inactive-label{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:var(--sp-md);text-align:center;font-weight:500}.inactive-members{display:flex;flex-wrap:wrap;gap:var(--sp-lg);justify-content:center}.inactive-members>*{flex:0 1 420px;max-width:420px}.dashboard-footer{padding:var(--sp-lg);text-align:center;border-top:1px solid var(--border-default);background:var(--bg-surface)}.dashboard-footer p{margin:0;color:var(--text-muted);font-size:var(--font-sm)}@media(max-width:767px){.dashboard-header{flex-direction:column;padding:var(--sp-md) var(--sp-lg);gap:var(--sp-md)}.header-left{width:100%;justify-content:center}.header-right{width:100%;justify-content:center;flex-wrap:nowrap;gap:var(--sp-sm);overflow:hidden}.dashboard-header h1{font-size:var(--font-lg)}.user-email{max-width:100px;font-size:var(--font-xs)}.last-update{font-size:var(--font-xs)}.logout-btn{min-height:44px;min-width:44px;padding:var(--sp-sm) var(--sp-md);font-size:var(--font-xs)}.dashboard-main{padding:var(--sp-lg);gap:var(--sp-lg)}.tab-nav{position:fixed;bottom:0;left:0;right:0;z-index:90;border-radius:0;border:none;border-top:1px solid var(--border-default);padding:var(--sp-xs) var(--sp-sm);background:var(--bg-surface);box-shadow:0 -4px 12px #0006;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{padding:var(--sp-xs) 2px;min-height:44px;min-width:0;font-size:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;flex:1 1 0;white-space:nowrap;overflow:hidden}.tab-btn .tab-icon{font-size:18px;line-height:1}.tab-btn .tab-label{font-size:9px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.dashboard-main{padding-bottom:80px}.hierarchy-members{flex-direction:column;align-items:stretch}.hierarchy-members>*{max-width:100%}.connector-branches{display:none}.connector-line{height:var(--sp-md)}}