@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--bg-deep: #050811;--bg-card: rgba(13,19,33,.88);--bg-sidebar: #0b1020;--primary-cyan: #06b6d4;--primary-purple: #a855f7;--accent-green: #22c55e;--accent-amber: #f59e0b;--accent-red: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--border: rgba(6,182,212,.18);--grad-linear: linear-gradient(135deg, var(--primary-cyan), var(--primary-purple));--grad-radial: radial-gradient(circle at 50% 50%, rgba(6,182,212,.18), rgba(168,85,247,.08), transparent 70%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{font-family:Outfit,sans-serif;background:var(--bg-deep);color:var(--text-main);min-height:100vh}.app{display:grid;grid-template-columns:260px 1fr;grid-template-rows:64px 1fr;height:100vh;overflow:hidden}.chat-page{display:flex;flex-direction:column;height:100%;max-width:900px;margin:0 auto;width:100%}.chat-centered{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10vh}.chat-hero{text-align:center;margin-bottom:1.5rem}.chat-hero-icon{font-size:2.5rem;background:var(--grad-linear);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.chat-hero h2{font-size:2rem;font-weight:700;background:var(--grad-linear);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-hero-sub{color:var(--text-muted);font-size:.95rem;margin-top:.5rem}.chat-hero-input{display:flex;gap:.5rem;width:100%;max-width:720px;padding:.85rem;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #0006}.chat-hero-input .chat-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:1rem;outline:none}.chat-hero-input .btn{padding:.6rem 1.1rem}.chat-chips,.chat-chips-below{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.25rem;max-width:720px}.chat-chip{background:#0d1321cc;border:1px solid var(--border);color:var(--text-main);padding:.5rem .85rem;border-radius:999px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .2s}.chat-chip:hover:not(:disabled){border-color:var(--primary-cyan);background:#06b6d41a}.chat-chip:disabled{opacity:.5;cursor:not-allowed}.chat-chip.active{background:#a855f733;border-color:var(--primary-purple);box-shadow:0 0 12px #a855f740}.chat-agent-banner{display:flex;align-items:center;gap:.5rem;margin:-.5rem 0 1rem;padding:.55rem .9rem;background:#a855f71f;border:1px solid rgba(168,85,247,.25);border-radius:10px;font-size:.85rem;color:var(--text-main)}.chat-agent-close{margin-left:auto;background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:0 .2rem}.chat-agent-close:hover{color:var(--text-main)}.chat-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chat-page-header h1{font-size:1.5rem;font-weight:700;background:var(--grad-linear);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-page-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem;margin-bottom:1rem}.chat-page-messages .chat-bubble{max-width:80%}.chat-page-input{display:flex;gap:.5rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:14px}.chat-page-input .chat-input{flex:1;background:transparent;border:none;color:var(--text-main);font-size:.95rem;outline:none}.chat-page-input .btn{padding:.55rem 1rem}.chat-sidebar-top{padding:0 .85rem 1rem}.new-chat-btn{width:100%;justify-content:center}.session-item .session-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.no-sessions{opacity:.6;cursor:default}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:.5rem .85rem 1rem}.btn-secondary{background:#a855f71f;border-color:#a855f759}.btn-secondary:hover{background:#a855f738;border-color:var(--primary-purple)}.thinking{opacity:.8}.dot-anim{animation:dots 1.4s infinite}@keyframes dots{0%,20%{opacity:0}40%{opacity:1}60%,to{opacity:0}}.topbar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:#050811eb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.brand{display:flex;align-items:center;gap:.75rem}.brand svg{width:110px;height:auto}.brand .badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-cyan);border:1px solid var(--border);padding:3px 8px;border-radius:999px}.topbar-right{display:flex;align-items:center;gap:1.25rem;font-size:.85rem;color:var(--text-muted)}.site-pill{display:flex;align-items:center;gap:.5rem;background:#06b6d41a;border:1px solid var(--border);padding:.4rem .85rem;border-radius:999px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:1.25rem .8rem;overflow-y:auto}.nav-section{margin-bottom:1.5rem}.nav-title{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 .85rem;margin-bottom:.5rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.65rem .85rem;border-radius:10px;cursor:pointer;color:var(--text-muted);font-size:.88rem;font-weight:500;transition:all .2s;margin-bottom:.2rem}.nav-item:hover{background:#06b6d414;color:var(--text-main)}.nav-item.active{background:#06b6d424;color:var(--text-main);border:1px solid var(--border)}.nav-icon{font-size:1rem;width:24px;text-align:center}.main{padding:1.5rem;overflow-y:auto}.page-title{font-size:1.6rem;font-weight:700;margin-bottom:.3rem}.page-title span{background:var(--grad-linear);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:1.25rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1rem;box-shadow:0 6px 30px #00000040}.kpi-label{font-size:.7rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.kpi-value{font-size:1.6rem;font-weight:800}.kpi-trend{font-size:.75rem;margin-top:.25rem;font-weight:600}.trend-up{color:var(--accent-green)}.trend-down{color:var(--accent-red)}.trend-neut{color:var(--accent-amber)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;box-shadow:0 10px 40px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{font-size:1.1rem;font-weight:700}.btn{background:transparent;border:1px solid var(--border);color:var(--text-main);padding:.45rem .9rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn:hover{background:#06b6d41f;border-color:var(--primary-cyan)}.btn-primary{background:var(--grad-linear);border:none}.btn-primary:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.header-actions{display:flex;align-items:center;gap:.75rem}.agent-actions{display:flex;align-items:center;justify-content:center;gap:.45rem;margin-top:.35rem}.agent-run-btn{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:#06b6d426;color:var(--primary-cyan);font-size:.75rem;display:grid;place-items:center;cursor:pointer;padding:0;transition:all .2s}.agent-run-btn:hover:not(:disabled){background:var(--primary-cyan);color:var(--bg-deep);box-shadow:0 0 12px #06b6d466}.agent-run-btn:disabled{opacity:.4;cursor:wait}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--primary-cyan);color:var(--text-main);padding:.85rem 1.5rem;border-radius:999px;box-shadow:0 10px 40px #06b6d440;z-index:1000;font-size:.95rem;font-weight:600;animation:toastIn .3s ease;min-width:260px;text-align:center}.toast.error{border-color:#ef4444;box-shadow:0 10px 40px #ef444440}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}.brain-stage{position:relative;width:100%;min-height:560px;display:flex;justify-content:center;align-items:center;padding:1rem 0;overflow:hidden}.brain-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.35) 0%,rgba(168,85,247,.15) 40%,transparent 70%);animation:brainPulse 4s ease-in-out infinite;z-index:5;pointer-events:none}@keyframes brainPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.15);opacity:1}}.mia-brain{width:170px;height:170px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 50%),var(--grad-linear);display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:800;font-size:1.1rem;color:#fff;box-shadow:0 0 100px #06b6d499,inset 0 0 40px #ffffff26;z-index:15;border:3px solid rgba(255,255,255,.3);text-align:center;position:relative;animation:brainFloat 6s ease-in-out infinite}.mia-brain:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:50%;border:2px solid rgba(6,182,212,.4);border-top-color:#a855f7cc;animation:spin 8s linear infinite}.mia-brain:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:50%;border:1px dashed rgba(168,85,247,.25);border-bottom-color:#06b6d480;animation:spin 16s linear infinite reverse}.mia-brain small{font-weight:400;font-size:.7rem;opacity:.95;margin-top:.2rem}@keyframes brainFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(6,182,212,.1);pointer-events:none;z-index:6}.orbit-ring.r1{width:320px;height:320px;animation:spin 30s linear infinite}.orbit-ring.r2{width:460px;height:460px;border-color:#a855f71a;animation:spin 45s linear infinite reverse}.orbit-node{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--primary-cyan);box-shadow:0 0 12px var(--primary-cyan)}.orbit-ring.r1 .orbit-node{top:-5px;left:50%;transform:translate(-50%)}.orbit-ring.r2 .orbit-node{bottom:-5px;left:30%;background:var(--primary-purple);box-shadow:0 0 12px var(--primary-purple)}.agent-orbit{position:absolute;z-index:20;width:150px;background:#0d1321f2;border:1px solid rgba(6,182,212,.2);border-radius:14px;padding:.75rem .55rem;text-align:center;box-shadow:0 10px 40px #00000080;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.agent-orbit:hover{transform:scale(1.08) translateY(-4px);border-color:var(--primary-cyan);box-shadow:0 0 30px #06b6d440}.agent-orbit.active{border-color:var(--primary-cyan);box-shadow:0 0 35px #06b6d459}.agent-icon-bg{width:34px;height:34px;border-radius:10px;margin:0 auto .45rem;display:grid;place-items:center;font-size:1rem;background:linear-gradient(135deg,#06b6d433,#a855f726);border:1px solid rgba(6,182,212,.25)}.agent-orbit .name{font-weight:700;font-size:.75rem;margin-bottom:.15rem}.agent-orbit .desc{font-size:.58rem;color:var(--text-muted);line-height:1.2;margin-bottom:.3rem}.agent-orbit .status{font-size:.52rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;padding:2px 6px;border-radius:999px;display:inline-block}.bg-success{background:#22c55e26;color:var(--accent-green);border:1px solid rgba(34,197,94,.25)}.bg-warning{background:#f59e0b26;color:var(--accent-amber);border:1px solid rgba(245,158,11,.25)}.bg-danger{background:#ef444426;color:var(--accent-red);border:1px solid rgba(239,68,68,.25)}.bg-muted{background:#94a3b81f;color:var(--text-muted);border:1px solid var(--text-muted)}.connection-lines{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:8}.flow-path{fill:none;stroke-width:2;stroke-linecap:round;stroke:url(#grad-flow);stroke-dasharray:6,10;animation:flow 1.2s linear infinite;opacity:.6;filter:drop-shadow(0 0 3px rgba(6,182,212,.5))}.flow-path-thin{fill:none;stroke-width:1;stroke:#06b6d426;stroke-linecap:round;opacity:.4}@keyframes flow{0%{stroke-dashoffset:32}to{stroke-dashoffset:0}}.rightbar{background:var(--bg-sidebar);border-left:1px solid var(--border);padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column}.feed-title{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.8rem;display:flex;align-items:center;justify-content:space-between}.feed-item{background:#0d1321cc;border:1px solid var(--border);border-radius:10px;padding:.75rem;margin-bottom:.6rem;font-size:.8rem}.feed-item .time{font-size:.65rem;color:var(--text-muted);margin-top:.3rem}.feed-item strong{color:var(--primary-cyan);font-weight:600}.feed-list{flex:1;overflow-y:auto}.chat-box{margin-top:1.5rem}.chat-messages{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.chat-bubble{font-size:.8rem;padding:.55rem .75rem;border-radius:10px;line-height:1.35}.chat-bubble.mia{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);color:var(--text-main)}.chat-bubble.user{background:#a855f71a;border:1px solid rgba(168,85,247,.2);color:var(--text-main);align-self:flex-end}.chat-bubble.system{background:#9333ea14;border:1px solid rgba(147,51,234,.18);color:var(--text-main);font-style:italic}.chat-input-wrap{display:flex;gap:.4rem}.chat-input-wrap .chat-input{flex:1}.chat-input-wrap .btn{padding:.4rem .75rem}.list{display:flex;flex-direction:column;gap:.6rem}.list-row{display:flex;align-items:center;justify-content:space-between;background:#06b6d40a;border:1px solid rgba(6,182,212,.1);border-radius:10px;padding:.75rem 1rem}.list-row .meta{display:flex;flex-direction:column}.list-row .meta strong{font-size:.85rem;font-weight:600}.list-row .meta span{font-size:.7rem;color:var(--text-muted)}.list-row .actions{display:flex;gap:.4rem}.pill{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:999px;text-transform:uppercase}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.log-row{display:flex;gap:.75rem;font-size:.78rem;padding:.45rem 0;border-bottom:1px solid rgba(6,182,212,.08)}.log-row:last-child{border-bottom:none}.log-time{color:var(--text-muted);font-family:monospace;font-size:.7rem;min-width:55px}.log-agent{color:var(--primary-cyan);font-weight:600;min-width:100px}.log-msg{color:var(--text-main)}@media (max-width: 1100px){.app{grid-template-columns:220px 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:2.5rem;width:100%;max-width:400px;text-align:center}.login-card .brand{font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;color:transparent;margin-bottom:1rem}.login-card h2{margin:0 0 .5rem;color:var(--text)}.login-card p{color:var(--muted);margin-bottom:1.5rem}.login-card form{display:flex;flex-direction:column;gap:.75rem}.login-card input{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;color:var(--text);font-family:var(--font);outline:none}.login-card input:focus{border-color:var(--cyan)}.login-card button{padding:.75rem;border:none;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--purple));color:#fff;font-weight:600;cursor:pointer}.login-error{color:#ff6b6b;font-size:.85rem}