@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--bg:#0a0e17;--bg2:#111827;--card:#1a1f2e;--border:#1e293b;--accent:#00f0ff;--ag:#00f0ff44;--text:#e5e7eb;--text2:#9ca3af;--dim:#6b7280;--ok:#10b981;--warn:#f59e0b;--err:#ef4444;--px:"Press Start 2P", cursive;--mono:"JetBrains Mono", monospace;--sans:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--sans);height:100%;overflow:hidden}:is(html:has(.agent-page),html:has(.control-room)),:is(body:has(.agent-page),body:has(.control-room)){height:auto;overflow:auto}.app{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:14px;padding:6px 16px;display:flex}.topbar-left{align-items:center;gap:10px;display:flex}.logo{align-items:center;gap:6px;font-size:14px;display:flex}.logo-text{font-family:var(--px);color:var(--accent);text-shadow:0 0 12px var(--ag);font-size:10px}.badge-live{font-family:var(--mono);color:var(--ok);background:#10b98118;border:1px solid #10b98133;border-radius:8px;padding:2px 8px;font-size:9px;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}.topbar-nav{flex:1;gap:3px;display:flex}.nav-btn{font-family:var(--mono);background:var(--card);border:1px solid var(--border);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:5px;padding:5px 12px;font-size:10px;transition:all .2s}.nav-btn:hover{color:var(--text);background:#1e2538}.nav-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.topbar-right{gap:14px;display:flex}.stat{font-family:var(--mono);color:var(--dim);font-size:10px}.stat b{color:var(--text)}.stat.hl b{color:var(--ok)}.office-split{flex:1;display:flex;overflow:hidden}.scene-area{background:#080c14;flex:1;display:flex;overflow:hidden}.scene-container{width:100%;height:100%;position:relative;overflow:hidden}.scene-bg{object-fit:cover;object-position:center center;z-index:2;image-rendering:auto;width:100%;height:100%;transition:opacity 1.5s;position:relative}.weather-day,.weather-sunset{filter:none;transition:filter 2s}.weather-night{filter:brightness(1.1)contrast(1.1);transition:filter 2s}.weather-rain{filter:none;transition:filter 2s}.weather-overlay{z-index:3;pointer-events:none;transition:opacity 2s;position:absolute;inset:0}.sunset-overlay{mix-blend-mode:overlay;background:linear-gradient(135deg,#ff8c3233 0%,#ff506426 40%,#7828b41a 100%)}.night-overlay{mix-blend-mode:multiply;opacity:.5;background:linear-gradient(135deg,#0a143266 0%,#1e0a3233 100%)}.lighting-rig{z-index:4;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;top:0;left:0}.desk-light{filter:blur(12px);background:radial-gradient(circle,#00f0ff66 0%,#c832ff26 25%,#0000 60%);border-radius:50%;width:15vw;height:15vw;animation:4s infinite alternate flicker-light;position:absolute;transform:translate(-30%,-20%)}@keyframes flicker-light{0%{opacity:.8}25%{opacity:.95;filter:blur(14px)}50%{opacity:1;filter:blur(10px)}75%{opacity:.85;filter:blur(12px)}to{opacity:.9}}.city-backlight{background:linear-gradient(#0096ff0d 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.logo-heart{color:#ff1744;text-shadow:0 0 8px #ff1744b3,0 0 16px #ff174466;animation:1.2s ease-in-out infinite logo-heartbeat;display:inline-block}@keyframes logo-heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}60%{transform:scale(1)}}.hud-top{z-index:20;pointer-events:none;justify-content:space-between;display:flex;position:absolute;top:8px;left:8px;right:8px}.hud-live{font-family:var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}.blink-red{color:var(--err);font-size:8px;animation:1s infinite blink}.hud-dim{color:var(--dim);margin-left:4px}.hud-weather{font-family:var(--mono);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;display:flex}.weather-icon{font-size:14px}.weather-temp{color:var(--accent);font-weight:600}.weather-desc{color:var(--text2)}.hud-saved{font-family:var(--mono);color:var(--ok);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border-radius:6px;padding:4px 10px;font-size:10px}.hud-bottom{z-index:20;pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;bottom:8px;left:8px}.hud-online{font-family:var(--mono);color:var(--ok);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border-radius:6px;padding:4px 10px;font-size:11px}.reset-labels-btn{font-family:var(--mono);color:var(--dim);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;border:1px solid #ffffff1a;border-radius:5px;padding:3px 8px;font-size:9px;transition:all .2s}.reset-labels-btn:hover{color:var(--accent);border-color:var(--accent);background:#000000d9}.char-zone{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;transition:left .1s ease-out,top .1s ease-out;position:absolute;transform:translate(-50%,-50%)}.char-zone:hover{z-index:25}.char-zone:hover .agent-hotspot{background:#fff3;transform:scale(1.5)}.char-zone.dragging .agent-hotspot{transform:scale(1.5)}.char-zone:hover .director-3d-sprite .sprite-hover-ui{opacity:1;transform:translateY(0)}.agent-hotspot{cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),background .2s;display:flex;position:relative}.hotspot-inner{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #fff}.agent-hotspot-label{font-family:var(--mono);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000c;border-radius:4px;padding:2px 6px;font-size:8px;transition:opacity .2s;position:absolute;top:-20px}.char-zone:hover .agent-hotspot-label{opacity:1}.director-3d-sprite{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.sprite-img{filter:drop-shadow(0 15px 10px #0009);width:auto;height:120px;animation:4s ease-in-out infinite alternate sprite-breathe}@keyframes sprite-breathe{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.sprite-hover-ui{color:gold;font-family:var(--mono);opacity:0;pointer-events:none;white-space:nowrap;background:#000000e6;border:1px solid gold;border-radius:12px;padding:4px 10px;font-size:9px;transition:opacity .3s,transform .3s;position:absolute;bottom:-15px;transform:translateY(-10px);box-shadow:0 0 10px #ffd7004d}.typing-dots{border:1px solid var(--ag);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:25;background:#000c;border-radius:12px;gap:3px;padding:4px 8px;animation:.3s ease-out forwards pop-in;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)scale(.7)translateY(4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.td{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1s infinite dot-bounce}@keyframes dot-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.action-bubble{white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:25;background:linear-gradient(135deg,#000000e6,#0a141ee6);border:1px solid #00f0ff4d;border-radius:16px;align-items:center;gap:5px;padding:4px 10px;animation:3.5s ease-out forwards bubble-anim;display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #00f0ff33}@keyframes bubble-anim{0%{opacity:0;transform:translate(-50%)scale(.5)translateY(8px)}8%{opacity:1;transform:translate(-50%)scale(1.15)translateY(-3px)}15%{transform:translate(-50%)scale(1)translateY(0)}75%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-15px)}}.ab-emoji{font-size:14px;animation:1s ease-in-out infinite wiggle}.ab-text{font-family:var(--mono);color:var(--text);font-size:9px}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.particle{pointer-events:none;font-size:16px;animation:2s ease-out forwards float-up;position:absolute;bottom:100%}@keyframes float-up{0%{opacity:0;transform:translateY(100vh)scale(.5)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px)scale(1.5)}}.status-led{z-index:25;border:1px solid #000000e6;border-radius:50%;width:10px;height:10px;animation:2s infinite led-glow;position:absolute;top:-42px;right:-38px}@keyframes led-glow{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 10px 4px #10b98166}}.cat{z-index:15;pointer-events:none;width:50px;height:50px;transition:left 3s ease-in-out,top 3s ease-in-out;position:absolute;transform:translate(-50%)translateY(-50%)}.cat.flip{transform:translate(-50%)translateY(-50%)scaleX(-1)}.cat-img{object-fit:contain;image-rendering:auto;width:100%;height:100%}.cat-walk .cat-img{animation:.5s ease-in-out infinite cat-step}@keyframes cat-step{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.cat-sit .cat-img{animation:1.5s ease-in-out infinite cat-groom}@keyframes cat-groom{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.cat-sleep .cat-img{animation:2s ease-in-out infinite cat-breathe}@keyframes cat-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.cat-zzz{font-size:14px;animation:2s ease-in-out infinite zzz-float;position:absolute;top:-15px;right:-10px}@keyframes zzz-float{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(-8px)}}.cat-purr{font-size:12px;animation:1.5s ease-in-out infinite purr;position:absolute;top:-12px;right:-8px}@keyframes purr{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.sidebar{border-left:1px solid var(--border);background:var(--bg2);flex-direction:column;flex-shrink:0;width:400px;display:flex;overflow:hidden}.sb-section{border-bottom:1px solid var(--border);flex-direction:column;display:flex}.sb-grow{flex:1;overflow:hidden}.sb-head{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sb-title{font-family:var(--px);color:var(--accent);font-size:8px}.sb-count{font-family:var(--mono);color:var(--dim);font-size:9px}.sb-form{background:var(--bg);gap:5px;padding:6px 10px;display:flex}.sb-input{background:var(--card);border:1px solid var(--border);color:var(--text);font-family:var(--mono);border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:11px}.sb-input:focus{border-color:var(--accent)}.sb-btn{background:var(--accent);color:var(--bg);font-family:var(--mono);cursor:pointer;border:none;border-radius:4px;padding:5px 12px;font-size:14px;font-weight:700}.sb-btn:hover{background:#33f5ff}.sb-btn:disabled{background:var(--dim);cursor:not-allowed}.sb-legend{font-family:var(--mono);color:var(--dim);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:5px 10px;font-size:8px;display:flex}.lg-item{align-items:center;gap:3px;display:flex}.lg-dot{border-radius:50%;width:5px;height:5px}.sb-empty{text-align:center;font-family:var(--mono);color:var(--dim);padding:14px;font-size:11px}.feed{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.feed-row{font-family:var(--mono);border-bottom:1px solid #ffffff06;flex-wrap:wrap;align-items:flex-start;gap:5px;padding:4px 10px;font-size:10px;line-height:1.5;display:flex}.feed-row:hover{background:var(--card)}.f-time{color:var(--dim);flex-shrink:0}.f-badge{color:#000;text-transform:uppercase;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:7px;font-weight:700}.f-agent{flex-shrink:0;font-weight:700}.f-role{background:var(--card);color:var(--dim);text-transform:uppercase;border-radius:2px;flex-shrink:0;padding:1px 4px;font-size:7px}.f-icon{flex-shrink:0}.f-text{color:var(--text2);word-break:break-word;flex:1;min-width:0}.tab-body{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:20px 28px;overflow-y:auto}.sec-h{font-family:var(--px);color:var(--accent);text-shadow:0 0 12px var(--ag);margin-bottom:18px;font-size:12px}.cg{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.cc{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:16px;transition:all .2s}.cc:hover{border-color:var(--accent);box-shadow:0 0 12px var(--ag)}.cl{font-family:var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-size:9px}.cv{font-family:var(--px);color:var(--accent);text-shadow:0 0 10px var(--ag);font-size:16px}.cv.money{color:var(--ok);text-shadow:0 0 10px #10b9814d}.cv.warn{color:var(--warn)}.cs{font-family:var(--mono);color:var(--dim);margin-top:3px;font-size:9px}.bb{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-top:14px;padding:16px}.bh{font-family:var(--px);color:var(--accent);margin-bottom:12px;font-size:8px}.br{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:6px 0;display:flex}.br:last-child{border-bottom:none}.bn{min-width:100px;font-family:var(--mono);align-items:center;gap:6px;font-size:11px;display:flex}.bbar{background:var(--bg);border-radius:2px;flex:1;max-width:180px;height:4px;overflow:hidden}.bbf{border-radius:2px;height:100%;transition:width .5s}.bc{font-family:var(--mono);color:var(--ok);text-align:right;min-width:55px;font-size:11px;font-weight:600}.bd{font-family:var(--mono);color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.ag-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.ag-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .25s;position:relative;overflow:hidden}.ag-card:before{content:"";background:var(--ac);height:3px;position:absolute;top:0;left:0;right:0}.ag-card:hover{border-color:var(--ac);box-shadow:0 8px 24px #0006, 0 0 20px color-mix(in srgb, var(--ac) 20%, transparent);transform:translateY(-3px)}.ag-avatar-row{align-items:center;gap:14px;margin-bottom:10px;display:flex}.ag-avatar{object-fit:cover;border:3px solid var(--ac);width:72px;height:72px;box-shadow:0 0 12px color-mix(in srgb, var(--ac) 40%, transparent), 0 4px 12px #00000080;background:#000;border-radius:50%;flex-shrink:0;transition:transform .3s,box-shadow .3s}.ag-card:hover .ag-avatar{box-shadow:0 0 20px color-mix(in srgb, var(--ac) 60%, transparent), 0 6px 16px #00000080;transform:scale(1.08)}.ag-info{flex:1;min-width:0}.ag-top{font-family:var(--px);margin-bottom:4px;font-size:12px}.ag-name{color:var(--text)}.ag-role{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:9px}.ag-model{font-family:var(--mono);color:var(--dim);font-size:9px}.ag-desc{color:var(--text2);margin-bottom:10px;font-size:11px;line-height:1.5}.ag-status{font-family:var(--mono);border-radius:8px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;display:inline-flex}.ag-status.idle{color:var(--ok);background:#10b98115;border:1px solid #10b98130}.ag-status.working{color:var(--warn);background:#f59e0b15;border:1px solid #f59e0b30}.ag-status.error{color:var(--err);background:#ef444415;border:1px solid #ef444430}.ag-dot{border-radius:50%;width:5px;height:5px}.director-zone{z-index:18!important}.director-zone:hover{z-index:28!important}.director-panel{background:linear-gradient(135deg,#0a0500eb,#281e00e6)!important;border-width:2px!important;padding:6px 18px 8px!important;box-shadow:0 4px 20px #ffd70040,0 0 30px #ffd70014,inset 0 1px #ffffff1f!important}.director-panel:before{height:2px;background:linear-gradient(90deg,#0000,gold,#0000)!important;left:10%!important;right:10%!important;box-shadow:0 0 14px gold!important}.director-crown{text-align:center;filter:drop-shadow(0 0 6px #ffd70099);margin-bottom:1px;font-size:14px;animation:3s ease-in-out infinite crown-float}@keyframes crown-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.1)}}.director-tg{font-family:var(--mono);color:#29b6f6;background:#29b6f61f;border:1px solid #29b6f640;border-radius:8px;margin-top:2px;padding:1px 6px;font-size:7px;animation:2s ease-in-out infinite tg-pulse}@keyframes tg-pulse{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 8px #29b6f64d}}.hud-telegram{font-family:var(--mono);color:var(--dim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:10px;display:flex}.hud-telegram.connected{color:#29b6f6;border-color:#29b6f633}.tg-live{color:#29b6f6;font-size:8px;animation:1.5s infinite blink}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}@media (max-width:1000px){.sidebar{width:300px}.topbar-right{display:none}}@media (max-width:768px){.office-split{flex-direction:column}.sidebar{border-left:none;border-top:1px solid var(--border);width:100%;max-height:40vh}.ag-grid,.cg{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.agent-modal{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:420px;animation:.3s cubic-bezier(.175,.885,.32,1.275) modal-pop;overflow:hidden;box-shadow:0 16px 48px #000c,0 0 0 1px #ffffff0d}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mh-left{align-items:center;gap:12px;display:flex}.mh-avatar img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:48px;height:48px}.mh-info h3{font-family:var(--px);color:var(--text);margin-bottom:4px;font-size:10px;line-height:1.4}.mh-role{font-family:var(--mono);text-transform:uppercase;font-size:9px;font-weight:600}.modal-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-body{flex-direction:column;gap:16px;max-height:60vh;padding:20px;display:flex;overflow-y:auto}.module-group h4{font-family:var(--px);color:var(--accent);margin-bottom:8px;font-size:8px;line-height:1.4}.modal-input,.modal-select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--sans);resize:vertical;border-radius:6px;outline:none;padding:10px;font-size:12px}.modal-input:focus,.modal-select:focus{border-color:var(--accent)}.module-toggles{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.toggle-label{color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:11px;display:flex}.toggle-label input{display:none}.toggle-slider{background:var(--border);border-radius:8px;width:28px;height:16px;margin-left:auto;transition:all .3s;position:relative}.toggle-slider:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-label input:checked~.toggle-slider{background:var(--ok)}.toggle-label input:checked~.toggle-slider:after{left:14px}.modal-save-btn{background:var(--accent);color:#000;width:100%;font-family:var(--mono);cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:12px;font-size:12px;font-weight:700;transition:all .2s}.modal-save-btn:hover{background:#33f5ff;transform:translateY(-1px)}.project-tab{box-sizing:border-box;padding:20px}.projects-layout{gap:24px;height:calc(100vh - 100px);display:flex}.projects-list{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:16px;width:320px;padding-right:20px;display:flex;overflow-y:auto}.create-project{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.create-project input{border:1px solid var(--border);color:#fff;background:#000;border-radius:4px;padding:8px;font-size:11px}.create-project button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:4px;padding:8px;font-weight:700}.create-project button:disabled{opacity:.5;cursor:not-allowed}.p-grid{flex-direction:column;gap:8px;padding-bottom:20px;display:flex;overflow-y:auto}.p-card{border:1px solid var(--border);cursor:pointer;background:#00000080;border-radius:8px;padding:12px;transition:all .2s}.p-card:hover{background:#ffffff0d;border-color:#ffffff4d}.p-card.active{border-color:var(--accent);background:#00f0ff0d}.p-desc{color:var(--text2);margin-top:4px;font-size:11px}.project-detail{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:16px;min-width:0;padding-right:4px;display:flex;overflow-y:auto}.project-detail.empty{color:var(--text2);justify-content:center;align-items:center;font-style:italic}.task-adder{border:1px solid var(--border);background:#ffffff08;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.task-adder select{border:1px solid var(--border);color:#fff;background:#000;border-radius:6px;width:100%;padding:10px}.task-adder textarea{border:1px solid var(--border);color:#fff;resize:vertical;background:#000;border-radius:6px;min-height:60px;padding:12px}.task-adder button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;align-self:flex-end;padding:10px 20px;font-weight:700}.task-adder button:disabled{opacity:.5;cursor:not-allowed}.task-list{flex-direction:column;flex:1;gap:8px;padding-right:8px;display:flex;overflow-y:auto}.task-row{border:1px solid var(--border);background:#000;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.t-status{color:#000;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700}.t-desc{color:var(--text);flex:1;font-size:13px}.t-agent{font-size:11px;font-family:var(--mono);white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:flex}.t-avatar{opacity:.8;border-radius:50%;width:24px;height:24px}.p-empty{text-align:center;color:var(--dim);margin-top:40px;font-style:italic}.scanlines-overlay{pointer-events:none;z-index:5;opacity:.8;background:linear-gradient(#fff0,#fff0 50%,#00f0ff08 50%,#00f0ff08) 0 0/100% 4px;position:absolute;inset:0}.particles-container{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.cyber-particle{background:var(--accent);width:2px;height:2px;box-shadow:0 0 5px var(--accent), 0 0 10px var(--accent);opacity:0;border-radius:50%;animation:10s linear infinite float-up;position:absolute}.window-mask-for-rain{clip-path:polygon(4% 0%,96% 0%,100% 7%,100% 100%,0% 100%,0% 7%);z-index:1;position:absolute;inset:13% 18% 47%;overflow:hidden}.weather-rain-overlay{background:#000f1e33;position:absolute;inset:0}.rain-drop{background:linear-gradient(#fff0,#96c8ffb3);width:1.5px;height:65px;animation:linear infinite rain-fall;position:absolute;transform:rotate(15deg)}@keyframes rain-fall{0%{opacity:0;transform:translateY(-100px)translate(0)scaleY(1)}10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(800px)translate(-200px)scaleY(1.5)}}.lightning-flash{opacity:0;pointer-events:none;mix-blend-mode:overlay;background:#fff;animation:12s infinite lightning;position:absolute;inset:0}@keyframes lightning{0%,95%,98%,to{opacity:0}96%{opacity:.8}97%{opacity:.1}99%{opacity:.6}}.agent-window{cursor:grab;z-index:10;border:2px solid var(--element-color,#00f0ff);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:65px;height:65px;box-shadow:0 0 10px color-mix(in srgb, var(--element-color,#00f0ff) 60%, transparent), inset 0 0 15px #00000080;opacity:.95;background:#0006;transition:all .2s cubic-bezier(.25,1,.5,1);position:absolute;overflow:visible;transform:translate(-50%,-50%)}.agent-window:before{content:"";z-index:2;width:14px;height:14px;box-shadow:-2px -2px 5px var(--element-color,#00f0ff);border-top:3px solid #fff;border-left:3px solid #fff;transition:all .3s;position:absolute;top:-2px;left:-2px}.agent-window:after{content:"";z-index:2;width:14px;height:14px;box-shadow:2px 2px 5px var(--element-color,#00f0ff);border-bottom:3px solid #fff;border-right:3px solid #fff;transition:all .3s;position:absolute;bottom:-2px;right:-2px}.agent-window:active{cursor:grabbing;transform:translate(-50%,-50%)scale(.95)}.agent-window:hover,.agent-window.active-agent{opacity:1;border:3px solid var(--element-color,#00f0ff);width:80px;height:80px;box-shadow:0 0 30px color-mix(in srgb, var(--element-color,#00f0ff) 80%, transparent), inset 0 0 20px color-mix(in srgb, var(--element-color,#00f0ff) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#00051499}.agent-window:hover:before,.agent-window.active-agent:before,.agent-window:hover:after,.agent-window.active-agent:after{width:100%;height:100%}.agent-avatar-img{object-fit:cover;pointer-events:none;opacity:1;mix-blend-mode:normal;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);filter:contrast(1.1)brightness(1.2);width:100%;height:100%;transition:all .2s}.agent-window:hover .agent-avatar-img,.agent-window.active-agent .agent-avatar-img{filter:contrast(1.2) brightness(1.3) drop-shadow(0 0 5px var(--element-color,#00f0ff));transform:scale(1.05)}.agent-window-label{border:1px solid var(--element-color,#00f0ff);color:#fff;font-family:var(--px);white-space:nowrap;text-align:center;text-transform:uppercase;letter-spacing:1.5px;pointer-events:none;opacity:1;box-shadow:0 0 15px color-mix(in srgb, var(--element-color,#00f0ff) 80%, transparent), inset 0 0 5px var(--element-color,#00f0ff);background:#000000e6;border-radius:4px;padding:5px 10px;font-size:8px;transition:all .2s;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.agent-window:hover .agent-window-label,.agent-window.active-agent .agent-window-label{color:var(--element-color,#00f0ff);text-shadow:0 0 8px var(--element-color,#00f0ff);box-shadow:0 0 25px var(--element-color,#00f0ff), inset 0 0 10px var(--element-color,#00f0ff);background:#000;padding:6px 12px;font-size:9px;bottom:-28px}.orchestrator-terminal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#0a0a0fe6;border:1px solid #a855f766;border-radius:8px;flex-direction:column;width:420px;font-family:Courier New,Courier,monospace;animation:.3s cubic-bezier(.16,1,.3,1) forwards terminal-slide;display:flex;position:absolute;top:60px;bottom:20px;right:20px;overflow:hidden;box-shadow:0 0 30px #a855f71a,inset 0 0 20px #000c}@keyframes terminal-slide{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.ot-header{background:#a855f71a;border-bottom:1px solid #a855f74d;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ot-title{color:#c084f7;letter-spacing:1px;font-size:13px;font-weight:700;display:block}.ot-id{color:#fff6;margin-top:4px;font-size:10px;display:block}.ot-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;transition:all .2s}.ot-close:hover{color:#f05;text-shadow:0 0 5px #f05}.ot-inner{flex-grow:1;padding:16px;overflow-y:auto}.ot-section{background:#0006;border-left:2px solid #a855f780;border-radius:0 4px 4px 0;padding:10px}.ot-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.mt-10{margin-top:10px}.ot-label{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:10px}.ot-value{color:#fff;font-size:13px}.dag-flow{flex-direction:column;gap:6px;margin-top:8px;display:flex}.dag-node{flex-direction:column;align-items:center;display:flex}.dag-s-node{color:#ccc;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:6px 12px;font-size:11px;position:relative}.dag-s-node.completed{color:#10b981;background:#10b9810d;border-color:#10b981}.dag-s-node.running{color:#f59e0b;background:#f59e0b0d;border-color:#f59e0b;animation:1.5s infinite pulse-border}.dag-s-node.pending{opacity:.5}.dag-parallel{background:#00f0ff05;border:1px dashed #00f0ff4d;border-radius:6px;width:100%;padding:8px}.dag-p-label{color:#00f0ff;text-align:center;margin-bottom:6px;font-size:9px}.dag-p-nodes{gap:8px;display:flex}.dag-p-nodes .dag-s-node{flex-grow:1}.dag-arrow{color:#fff3;margin:2px 0;font-size:12px}.ot-ttl{color:#00f0ff;font-size:9px;position:absolute;top:6px;right:8px}.ot-registry{flex-direction:column;gap:4px;margin-top:8px;display:flex}.ot-pl-row{border-bottom:1px solid #ffffff0d;padding-bottom:4px;font-size:11px;display:flex}.ot-pl-agent{color:#a855f7;flex-shrink:0;width:80px}.ot-pl-data{color:#aaa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ot-directive{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;padding:12px}.ot-typing{color:#f59e0b;word-break:break-all;margin-top:6px;font-size:12px}@keyframes pulse-border{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 5px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}