@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&family=Syne:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";.sidebar{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100%;display:flex}.logo{border-bottom:1px solid var(--border);padding:20px 18px 16px}.logo-mark{letter-spacing:-.5px;color:var(--text);font-family:Syne,sans-serif;font-size:20px;font-weight:800}.logo-mark span{color:var(--purple2)}.logo-sub{color:var(--text3);letter-spacing:.05em;margin-top:3px;font-family:DM Mono,monospace;font-size:10px}.section-label{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;padding:14px 18px 6px;font-family:DM Mono,monospace;font-size:10px}.proj-item{cursor:pointer;color:var(--text2);align-items:center;gap:9px;padding:8px 18px;font-size:13px;transition:all .15s;display:flex}.proj-item:hover{background:var(--bg3);color:var(--text)}.proj-item.active{background:var(--purple-bg);color:var(--purple2)}.proj-item.active .proj-dot{background:var(--purple);box-shadow:0 0 6px var(--purple)}.proj-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .15s}.dot-green{background:var(--teal)}.dot-amber{background:var(--amber)}.dot-gray{background:var(--text3)}.add-proj{border:1px dashed var(--border2);border-radius:var(--radius);color:var(--text3);cursor:pointer;text-align:center;margin:8px 12px;padding:7px 12px;font-size:12px;transition:all .15s}.add-proj:hover{border-color:var(--purple);color:var(--purple2)}.machine-section{border-top:1px solid var(--border);margin-top:auto;padding:12px 18px}.machine-label{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px}.machine-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.machine-row+.machine-row{margin-top:5px}.machine-name{color:var(--text2);font-family:DM Mono,monospace;font-size:12px}.m-badge{border-radius:20px;padding:2px 7px;font-size:10px;font-weight:500}.m-badge.exec{background:var(--purple-bg);color:var(--purple2)}.m-badge.worker{background:var(--teal-bg);color:var(--teal)}.m-badge.standby{background:var(--bg4);color:var(--text3)}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.proj-title{color:var(--text);font-family:Syne,sans-serif;font-size:15px;font-weight:600}.proj-meta{color:var(--text3);margin-top:2px;font-family:DM Mono,monospace;font-size:11px}.top-btns{gap:8px;display:flex}.tbtn{border-radius:var(--radius);border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;padding:6px 12px;font-family:DM Mono,monospace;font-size:11px;transition:all .15s}.tbtn:hover{border-color:var(--purple);color:var(--purple2)}.tbtn-active{border-color:var(--purple);color:var(--purple2);background:var(--purple-bg)}.mobile-hamburger{border-radius:var(--radius);border:1px solid var(--border2);width:34px;height:34px;color:var(--text2);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:none}.chat-panel{border-right:1px solid var(--border);flex-direction:column;flex:1;min-width:0;display:flex}.chat-header{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.agent-info{align-items:center;gap:10px;display:flex}.agent-avatar{background:var(--purple-bg2);border:1px solid var(--purple);width:32px;height:32px;color:var(--purple2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Syne,sans-serif;font-size:12px;font-weight:700;display:flex;position:relative}.agent-avatar:after{content:"";background:var(--teal);border:2px solid var(--bg2);width:8px;height:8px;box-shadow:0 0 6px var(--teal);border-radius:50%;position:absolute;bottom:0;right:0}.agent-name{color:var(--text);font-size:13px;font-weight:500}.agent-role{color:var(--text3);font-family:DM Mono,monospace;font-size:10px}.status-pill{background:var(--teal-bg);color:var(--teal);white-space:nowrap;border:1px solid #2dd4a033;border-radius:20px;padding:3px 9px;font-family:DM Mono,monospace;font-size:10px}.chat-messages{scrollbar-width:thin;scrollbar-color:var(--bg4) transparent;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.msg{align-items:flex-start;gap:9px;display:flex}.msg.user{flex-direction:row-reverse}.msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.msg-avatar.exec{background:var(--purple-bg2);color:var(--purple2);border:1px solid var(--purple)}.msg-avatar.ceo{color:var(--amber);background:#f5a62326;border:1px solid #f5a6234d}.bubble{max-width:560px;color:var(--text);white-space:pre-line;border-radius:12px;padding:10px 13px;font-size:12px;line-height:1.7}.bubble.exec{background:var(--bg3);border:1px solid var(--border);border-bottom-left-radius:3px}.bubble.user{background:var(--purple-bg2);border:1px solid #7c6fe04d;border-bottom-right-radius:3px}.bubble-time{color:var(--text3);margin-top:4px;font-family:DM Mono,monospace;font-size:10px}.msg.user .bubble-time{text-align:right}.action-chip{border-radius:20px;align-items:center;gap:5px;margin-top:7px;margin-right:4px;padding:3px 8px;font-family:DM Mono,monospace;font-size:10px;display:inline-flex}.chip-dispatched{background:var(--teal-bg);color:var(--teal);border:1px solid #2dd4a033}.chip-waiting{background:var(--amber-bg);color:var(--amber);border:1px solid #f5a62333}.chip-verified{background:var(--blue-bg);color:var(--blue);border:1px solid #60a5fa33}.chip-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.typing-indicator{background:var(--bg3);border:1px solid var(--border);border-radius:12px 12px 12px 3px;align-items:center;gap:4px;width:fit-content;padding:10px 13px;display:flex}.typing-dot{background:var(--text3);border-radius:50%;width:5px;height:5px;animation:1.2s infinite typing}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.chat-input-area{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;padding:12px 16px}.chat-input-top{justify-content:flex-end;margin-bottom:7px;display:flex}.chat-input-row{align-items:flex-end;gap:8px;display:flex}.chat-textarea{border:1px solid var(--border2);background:var(--bg3);color:var(--text);resize:none;border-radius:12px;outline:none;flex:1;padding:9px 13px;font-family:Noto Sans KR,sans-serif;font-size:12px;line-height:1.6;transition:border-color .15s}.chat-textarea:focus{border-color:var(--purple)}.chat-textarea::placeholder{color:var(--text3)}.send-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .15s;display:flex}.send-btn:hover{background:var(--purple2);transform:scale(1.05)}.meeting-btn{border:1px solid var(--border2);color:var(--text3);cursor:pointer;background:0 0;border-radius:8px;padding:6px 11px;font-family:DM Mono,monospace;font-size:10px;transition:all .15s}.meeting-btn:hover{border-color:var(--amber);color:var(--amber)}.workers-panel{border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.workers-header{border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.wh-title{color:var(--text2);letter-spacing:.05em;font-family:DM Mono,monospace;font-size:11px}.wh-meta{color:var(--text3);font-family:DM Mono,monospace;font-size:10px}.workers-body{scrollbar-width:thin;scrollbar-color:var(--bg4) transparent;flex:1;grid-template-columns:1fr;align-content:start;gap:12px;padding:14px;display:grid;overflow-y:auto}.worker-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s;overflow:hidden}.worker-card:hover{border-color:var(--border2)}.worker-card.active{border-color:#7c6fe04d}.wc-head{border-bottom:1px solid var(--border);background:var(--bg3);justify-content:space-between;align-items:center;padding:10px 13px;display:flex}.wc-name{color:var(--text);align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:12px;font-weight:500;display:flex}.wc-badges{gap:5px;display:flex}.wbadge{border-radius:20px;padding:2px 6px;font-size:10px}.wb-sonnet{background:var(--blue-bg);color:var(--blue)}.wb-opus{background:var(--purple-bg);color:var(--purple2)}.wb-running{background:var(--teal-bg);color:var(--teal)}.wb-waiting{background:var(--amber-bg);color:var(--amber)}.wb-idle{background:var(--bg4);color:var(--text3)}.wc-body{padding:12px 13px}.wc-task-label{color:var(--text3);margin-bottom:5px;font-family:DM Mono,monospace;font-size:10px}.wc-task{color:var(--text);margin-bottom:10px;font-size:12px;line-height:1.5}.wc-task.dim{color:var(--text2)}.wc-task.dimmer{color:var(--text3)}.ctx-row{align-items:center;gap:7px;margin-bottom:8px;display:flex}.ctx-label{color:var(--text3);flex-shrink:0;width:42px;font-family:DM Mono,monospace;font-size:10px}.ctx-bar{background:var(--bg4);border-radius:2px;flex:1;height:3px;overflow:hidden}.ctx-fill{background:var(--purple);opacity:.6;border-radius:2px;height:100%;transition:width .5s}.ctx-pct{color:var(--purple2);text-align:right;min-width:28px;font-family:DM Mono,monospace;font-size:10px}.prog-row{align-items:center;gap:7px;margin-bottom:10px;display:flex}.prog-bar{background:var(--bg4);border-radius:2px;flex:1;height:4px;overflow:hidden}.prog-fill{border-radius:2px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.pf-purple{background:linear-gradient(90deg, var(--purple), var(--purple2))}.pf-teal{background:linear-gradient(90deg, #1a9e78, var(--teal))}.pf-amber{background:linear-gradient(90deg, #d4891a, var(--amber))}.prog-pct{color:var(--text2);text-align:right;min-width:28px;font-family:DM Mono,monospace;font-size:10px}.output-box{background:var(--bg);color:var(--text3);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:DM Mono,monospace;font-size:10px;line-height:1.7}.output-line{gap:6px;display:flex}.output-arrow{color:var(--teal);opacity:.7}.output-line.new{color:var(--text2)}.output-line.new .output-arrow{color:var(--purple2);opacity:1}.stat-row{gap:6px;margin-top:8px;display:flex}.stat-box{background:var(--bg3);border:1px solid var(--border);border-radius:6px;flex:1;padding:5px 7px}.stat-l{color:var(--text3);font-family:DM Mono,monospace;font-size:9px}.stat-v{color:var(--text);margin-top:1px;font-size:12px;font-weight:500}.queue-panel{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;padding:12px 14px}.q-title{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-family:DM Mono,monospace;font-size:10px}.q-list{flex-direction:column;gap:5px;display:flex}.q-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.q-left{align-items:center;gap:7px;display:flex}.q-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.q-text{color:var(--text2);font-size:11px}.q-meta{color:var(--text3);font-family:DM Mono,monospace;font-size:10px}:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#16161f;--bg4:#1c1c28;--border:#ffffff0f;--border2:#ffffff1f;--text:#e8e8f0;--text2:#8888a8;--text3:#55556a;--purple:#7c6fe0;--purple2:#9d92f0;--purple-bg:#7c6fe01f;--purple-bg2:#7c6fe033;--teal:#2dd4a0;--teal-bg:#2dd4a01a;--amber:#f5a623;--amber-bg:#f5a6231a;--red:#f06292;--red-bg:#f062921a;--blue:#60a5fa;--blue-bg:#60a5fa1a;--radius:10px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:Noto Sans KR,sans-serif;font-size:13px;overflow:hidden}#root{height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:2px}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:.3s forwards slideIn}.pulse{animation:2s infinite pulse-green}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.active{display:block}@media (width<=768px){.sidebar-desktop{display:none}.sidebar-mobile{z-index:100;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-mobile.open{transform:translate(0)}.mobile-hamburger{display:flex!important}.content-area{flex-direction:column}.chat-panel{border-bottom:1px solid var(--border);max-height:50vh;border-right:none!important;width:100%!important}.workers-panel{flex:1}.workers-body{grid-template-columns:1fr!important}}@media (width>=769px){.sidebar-mobile{display:none}.mobile-hamburger{display:none!important}}