*{box-sizing:border-box}body,html{margin:0;background:#03050a;color:#edf3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:radial-gradient(circle at 60% 22%,rgba(61,96,255,.1),transparent 30%),radial-gradient(circle at 86% 76%,rgba(0,210,255,.05),transparent 26%),#03050a}aside{border-right:1px solid #182132;padding:22px 14px;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(7,10,17,.98),rgba(4,7,12,.96));box-shadow:16px 0 50px rgba(0,0,0,.2)}.logo,aside{display:flex}.logo{gap:12px;align-items:center;padding:7px 9px 25px}.brandMark,.logo>div{width:39px;height:39px;border:1px solid #5e80ff;border-radius:12px;display:grid;place-items:center;font-weight:900;box-shadow:0 0 28px rgba(72,107,255,.28),inset 0 0 18px rgba(72,107,255,.08)}.logo span{display:flex;flex-direction:column;letter-spacing:.11em}.logo small{font-size:8px;color:#69758c;margin-top:3px}nav{display:grid;grid-gap:5px;gap:5px}nav button{border:0;background:transparent;color:#77839a;padding:11px 12px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:11px;cursor:pointer;transition:.2s}nav button.active,nav button:hover{color:#fff;background:linear-gradient(90deg,#101827,#0b111c)}nav button.active{box-shadow:inset 2px 0 #6d8cff,0 0 30px rgba(72,103,255,.05)}nav em{margin-left:auto;background:#273457;color:#c3d3ff;padding:2px 7px;border-radius:12px;font-style:normal;font-size:10px}.system{margin-top:auto;color:#6f7f97;font-size:9px;letter-spacing:.09em;padding:10px}.pulse{display:inline-block;width:7px;height:7px;background:#5fe6a0;border-radius:50%;box-shadow:0 0 12px rgba(95,230,160,.75);margin-right:8px;animation:pulse 1.8s infinite}main{padding:24px 28px 40px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}header small{font-size:9px;color:#59657a;letter-spacing:.16em}h1{font-size:24px;margin:4px 0 0}.headerRight{gap:10px}.headerRight,.search{display:flex;align-items:center}.search{gap:8px;background:#0b1018;border:1px solid #1b2636;border-radius:10px;padding:0 12px}.search input{background:transparent;border:0;outline:0;color:#fff;width:200px}.liveBadge{display:flex;align-items:center;gap:6px;font-size:9px;color:#71e7a8;background:#09140f;border:1px solid #183529;padding:9px 10px;border-radius:9px;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:11px;gap:11px;margin-bottom:11px}.metric,.panel{background:linear-gradient(180deg,rgba(12,17,27,.96),rgba(7,11,18,.96));border:1px solid #192333;border-radius:14px;box-shadow:0 14px 38px rgba(0,0,0,.16)}.metric{padding:15px 17px;position:relative;overflow:hidden}.metric:after{content:"";position:absolute;right:-28px;top:-28px;width:72px;height:72px;border-radius:50%;background:rgba(79,104,255,.06)}.metric small{display:block;color:#748198;font-size:10px}.metric strong{display:block;font-size:27px;margin:6px 0 2px;letter-spacing:-.02em}.metric span{font-size:9px;color:#70809a}.metric.good strong{color:#eafff3}.metric.warn strong{color:#ffe8aa}.metric.info strong{color:#dce4ff}.commandGrid{display:grid;grid-template-columns:1.45fr .85fr;grid-auto-rows:minmax(240px,auto);grid-gap:11px;gap:11px}.panel{overflow:hidden}.panelTitle{height:46px;border-bottom:1px solid #161f2d;display:flex;align-items:center;gap:9px;padding:0 14px;color:#aebbd0;background:linear-gradient(180deg,rgba(255,255,255,.008),transparent)}.panelTitle b{font-size:11px;letter-spacing:.02em}.panelTitle span{margin-left:auto;color:#405069}.brainStage{grid-row:span 2;min-height:560px}.brainScene{height:390px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at center,rgba(72,104,255,.11),transparent 33%),linear-gradient(rgba(255,255,255,.01) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 0);background-size:auto,34px 34px,34px 34px}.brainScene:before{content:"";position:absolute;inset:12% 24%;border-radius:50%;background:radial-gradient(circle,rgba(90,125,255,.11),rgba(5,8,14,0) 66%);filter:blur(12px)}.brainCore{position:relative;width:138px;height:138px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 42% 35%,#233c83 0,#111b3d 27%,#070c19 61%,#03050a 100%);border:1px solid rgba(112,144,255,.72);box-shadow:0 0 35px rgba(62,97,255,.38),0 0 90px rgba(42,83,255,.16),inset 0 0 38px rgba(86,118,255,.23);z-index:4;animation:float 4s ease-in-out infinite}.brainGlyph{font-size:44px;font-weight:900;letter-spacing:-.08em;text-shadow:0 0 22px rgba(152,176,255,.85)}.scanLine{position:absolute;width:82%;height:1px;background:linear-gradient(90deg,transparent,#77d9ff,transparent);top:29%;animation:scan 2.5s linear infinite;box-shadow:0 0 10px #62cfff}.brainHalo{position:absolute;border:1px solid rgba(90,127,255,.26);border-radius:50%;z-index:1}.brainHalo.h1{width:220px;height:220px;animation:spin 12s linear infinite}.brainHalo.h2{width:292px;height:292px;border-style:dashed;animation:spinReverse 18s linear infinite}.brainHalo.h3{width:358px;height:358px;opacity:.48;animation:pulseRing 3s ease-in-out infinite}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(87,128,255,.16);z-index:3}.orbit1{width:250px;height:150px;transform:rotate(23deg);animation:spin 9s linear infinite}.orbit2{width:330px;height:190px;transform:rotate(-31deg);animation:spinReverse 13s linear infinite}.orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:#85a4ff;box-shadow:0 0 14px #6f94ff}.orbit i:first-child{left:8%;top:48%}.orbit i:nth-child(2){right:14%;top:13%}.orbit i:nth-child(3){right:3%;bottom:28%}.orbit i:nth-child(4){left:28%;bottom:1%}.neural{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(90,130,255,.56),transparent);transform-origin:center;z-index:0}.n1{width:440px;transform:rotate(18deg)}.n2{width:420px;transform:rotate(-18deg)}.n3{transform:rotate(68deg)}.n3,.n4{width:370px}.n4{transform:rotate(-68deg)}.thinking .brainCore{animation:brainThink .72s ease-in-out infinite alternate}.thinking .brainHalo.h1{animation-duration:2s}.thinking .brainHalo.h2{animation-duration:3s}.thinking .orbit1{animation-duration:1.9s}.thinking .orbit2{animation-duration:2.6s}.brainStatus{text-align:center;margin:-8px 20px 14px;position:relative;z-index:5}.brainStatus b{display:block;font-size:10px;color:#8ca8ff;letter-spacing:.19em}.brainStatus span{display:block;color:#6d7b93;font-size:10px;margin-top:5px}.commandPrompt{margin:0 18px 18px}.prompt{display:flex;gap:6px;background:#060a11;border:1px solid #21304a;border-radius:11px;padding:6px;box-shadow:0 0 22px rgba(45,83,218,.06)}.prompt input{flex:1 1;min-width:0;background:transparent;border:0;outline:0;color:#eaf0ff;padding:9px}.prompt button{border:0;border-radius:8px;background:#131c2b;color:#91a3c3;padding:0 11px;cursor:pointer}.prompt .send{background:linear-gradient(135deg,#465fdd,#2843b7);color:#fff;font-weight:700;padding:0 16px}.mic.listening{color:#ff7185;box-shadow:0 0 18px rgba(255,90,115,.13)}.connectionsPanel{min-height:280px}.connectionRow{display:grid;grid-template-columns:20px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:14px;border-bottom:1px solid #141d29}.connectionRow svg{color:#67df9f}.connectionRow:has(.missing) svg{color:#e6b25a}.connectionRow b{font-size:10px}.connectionRow small{display:block;font-size:8px;color:#647087;margin-top:3px}.connectionRow em{font-style:normal;font-size:7px;letter-spacing:.08em;padding:4px 6px;border-radius:6px}.connectionRow em.connected{background:#0e2b20;color:#76e6ab}.connectionRow em.missing{background:#2a2110;color:#e4bd68}.agentStream,.taskStream{padding:6px 13px;max-height:300px;overflow:auto}.agentRow,.taskRow{display:grid;grid-template-columns:12px 1fr auto;grid-gap:9px;gap:9px;align-items:center;padding:11px 2px;border-bottom:1px solid #141d29}.agentRow b,.taskRow b{font-size:10px;font-weight:650}.agentRow small,.taskRow small{display:block;font-size:8px;color:#66748b;margin-top:4px}.agentRow em,.taskRow code{font-size:7px;color:#8494ad;text-transform:uppercase}.statusDot{width:7px;height:7px;border-radius:50%}.statusDot.good{background:#5fe6a0;box-shadow:0 0 9px rgba(95,230,160,.55)}.statusDot.warn{background:#ffc857;box-shadow:0 0 9px rgba(255,200,87,.44)}.statusDot.critical{background:#ff667d;box-shadow:0 0 9px rgba(255,102,125,.5)}.activityPanel,.visionPanel{min-height:220px}.feedList{padding:4px 13px}.feedItem{display:grid;grid-template-columns:12px 1fr auto;grid-gap:10px;gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid #141d29}.dot{width:7px;height:7px;border-radius:50%;margin-top:4px}.dot.info{background:#6f90ff;box-shadow:0 0 10px rgba(111,144,255,.6)}.feedItem b{font-size:10px}.feedItem p{font-size:8px;color:#65728a;margin:4px 0 0}.feedItem time{font-size:7px;color:#445167}.operatingLoop{min-height:160px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:20px}.operatingLoop span{font-size:8px;letter-spacing:.1em;color:#b7c5df;border:1px solid #26334b;border-radius:7px;padding:8px 9px;background:#0a101a}.operatingLoop i{font-style:normal;color:#475a7c}.empty{display:grid;place-items:center;min-height:210px;color:#647087;font-size:11px}.empty.compact{min-height:130px;text-align:center;gap:6px}.empty.compact span{font-size:9px;max-width:270px}.module{min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#71809a}.module h2{color:#eaf0fb;margin-bottom:2px}.loginShell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,rgba(73,100,255,.14),transparent 30%),#05070b}.loginCard{width:min(390px,calc(100vw - 30px));padding:38px;background:#0b1018;border:1px solid #1b2637;border-radius:18px;text-align:center}.loginCard .brandMark{margin:auto}.loginCard h1{font-size:30px;margin:16px 0 2px}.loginCard p{color:#6f7b91;font-size:12px;margin:0 0 25px}.loginCard form{display:grid;grid-gap:10px;gap:10px}.loginCard input{background:#070a10;border:1px solid #1c2738;border-radius:10px;padding:12px;color:#fff;outline:0}.loginCard button{border:0;background:#4762e9;color:#fff;border-radius:10px;padding:12px;font-weight:700}.loginCard small{display:block;color:#ff8799;margin-top:12px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes spinReverse{to{transform:rotate(-1turn)}}@keyframes scan{0%{top:24%;opacity:0}20%{opacity:1}80%{opacity:1}to{top:76%;opacity:0}}@keyframes float{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes brainThink{0%{transform:scale(.96);box-shadow:0 0 28px rgba(62,97,255,.3),0 0 65px rgba(42,83,255,.14)}to{transform:scale(1.05);box-shadow:0 0 50px rgba(87,126,255,.58),0 0 120px rgba(42,83,255,.28)}}@keyframes pulseRing{0%,to{transform:scale(.96);opacity:.25}50%{transform:scale(1.04);opacity:.7}}@keyframes pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}@media(max-width:1100px){.commandGrid{grid-template-columns:1fr}.brainStage{grid-row:auto}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{grid-template-columns:70px 1fr}.logo span,.system,nav span{display:none}aside{padding:16px 8px}.metrics{grid-template-columns:1fr 1fr}main{padding:18px 12px}.search{display:none}.brainScene{height:320px}.brainHalo.h3{width:300px;height:300px}.brainHalo.h2{width:250px;height:250px}.commandGrid{display:block}.panel{margin-bottom:10px}}