:root{--bg:#020610;--panel:rgba(6,18,34,.72);--cyan:#38e8ff;--blue:#169bff;--amber:#ffb84d;--red:#ff4d6d;--green:#35ff9b;--text:#eaffff;--muted:#79a9bc;--line:rgba(56,232,255,.28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at 50% 42%,#0c2348 0%,#041127 38%,var(--bg) 75%);color:var(--text);letter-spacing:.01em}body:before{content:"";position:fixed;inset:-20%;background:conic-gradient(from 120deg at 50% 50%,transparent 0 13%,rgba(56,232,255,.08) 14%,transparent 17% 31%,rgba(255,184,77,.065) 32%,transparent 36% 60%,rgba(167,139,250,.06) 61%,transparent 66%);animation:slowSpin 42s linear infinite;filter:blur(10px);pointer-events:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:310px 1fr 360px;gap:18px;padding:18px;position:relative}.panel{position:relative;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),rgba(2,8,18,.52));box-shadow:0 0 0 1px rgba(56,232,255,.06) inset,0 0 40px rgba(22,155,255,.12),0 20px 90px rgba(0,0,0,.45);backdrop-filter:blur(18px);clip-path:polygon(0 18px,18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}.panel:before,.panel:after{content:"";position:absolute;border-color:var(--cyan);border-style:solid;opacity:.75}.panel:before{top:8px;left:8px;width:35px;height:35px;border-width:1px 0 0 1px}.panel:after{right:8px;bottom:8px;width:35px;height:35px;border-width:0 1px 1px 0}.sidebar,.right-panel,.main-panel{padding:22px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.orb{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#fff 0 8%,#7df7ff 10% 22%,#1179ff 34%,transparent 58%);box-shadow:0 0 22px var(--cyan),0 0 60px rgba(56,232,255,.42);position:relative;animation:orbBreathe 2.6s ease-in-out infinite}.orb:before{content:"";position:absolute;inset:-9px;border:1px solid rgba(56,232,255,.55);border-left-color:transparent;border-radius:50%;animation:spin 3s linear infinite}.orb:after{content:"";position:absolute;inset:12px;border:1px solid rgba(255,184,77,.7);border-right-color:transparent;border-radius:50%;animation:spin 1.8s reverse linear infinite}.kicker{font-size:10px;color:var(--cyan);text-transform:uppercase;letter-spacing:.24em;margin:0 0 5px}.muted{color:var(--muted)}h1,h2,h3{margin:0;text-transform:uppercase}.brand h2{font-size:25px}.hud-btn,.nav-btn,.small-btn{border:1px solid rgba(56,232,255,.22);background:rgba(5,20,38,.64);color:var(--text);padding:12px 14px;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));cursor:pointer;text-transform:uppercase;letter-spacing:.1em;font-size:12px;transition:.22s}.hud-btn.primary{background:linear-gradient(90deg,rgba(56,232,255,.28),rgba(255,184,77,.16));font-weight:800}.hud-btn:hover,.nav-btn:hover,.nav-btn.active,.small-btn:hover,.small-btn.active{background:rgba(56,232,255,.16);box-shadow:0 0 24px rgba(56,232,255,.22);transform:translateX(4px)}nav{display:grid;gap:10px}.sidebar .primary{width:100%;margin-bottom:18px}.mini{margin-top:18px;padding:16px;border:1px dashed rgba(56,232,255,.24);background:rgba(0,0,0,.18)}.bar{height:8px;background:rgba(255,255,255,.08);overflow:hidden;clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--amber));box-shadow:0 0 18px var(--cyan);animation:barFlow 2.5s linear infinite;background-size:200% 100%}.topbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px}.topbar h1{font-size:42px;line-height:1;text-shadow:0 0 18px rgba(56,232,255,.35)}.status-pills{display:flex;gap:10px;flex-wrap:wrap}.status-pills span{border:1px solid rgba(56,232,255,.28);padding:9px 12px;background:rgba(4,17,32,.7);font-size:11px;text-transform:uppercase;color:#bff8ff}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric{position:relative;overflow:hidden;padding:17px;border:1px solid rgba(56,232,255,.20);background:rgba(8,23,42,.58);clip-path:polygon(0 12px,12px 0,100% 0,100% 100%,0 100%)}.metric:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(56,232,255,.14),transparent);transform:translateX(-130%);animation:sweep 4s ease-in-out infinite}.metric small{color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.metric strong{display:block;font-size:40px;margin:8px 0 2px}.metric em{font-style:normal;color:var(--cyan);font-size:12px}.hud-stage{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel-inner{border:1px solid rgba(56,232,255,.22);background:rgba(2,10,22,.46);padding:18px;min-height:420px}.kanban{position:relative;overflow:hidden}.kanban:before{content:"";position:absolute;left:-20%;right:-20%;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:scan 3.2s linear infinite}.kanban-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.filter-row{display:flex;gap:8px}.small-btn{padding:9px 12px}.kanban-cols{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.kanban-col{border-left:1px solid rgba(56,232,255,.16);padding-left:10px}.kanban-col h3{font-size:11px;color:var(--cyan);margin-bottom:10px}.task{padding:11px;margin-bottom:10px;background:rgba(8,24,43,.78);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 18px rgba(56,232,255,.07);cursor:pointer;transition:.22s;clip-path:polygon(0 8px,8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.task:hover,.task:focus{outline:none;transform:translateY(-4px) scale(1.02);border-color:rgba(56,232,255,.5);box-shadow:0 0 24px rgba(56,232,255,.22)}.task strong{font-size:12px}.task p,.task span{font-size:10px;color:var(--muted)}.task.agent{border-color:rgba(56,232,255,.26)}.task.human,.task.physical{border-color:rgba(255,184,77,.30)}.task.blocked{border-color:rgba(255,77,109,.36)}.empty{font-size:11px;color:var(--muted)}.radar{display:flex;align-items:center;justify-content:center}.radar-circle{position:relative;width:min(95%,330px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(56,232,255,.45);box-shadow:0 0 35px rgba(56,232,255,.12) inset,0 0 35px rgba(56,232,255,.12)}.radar-circle:before{content:"";position:absolute;inset:12%;border:1px solid rgba(56,232,255,.25);border-radius:50%;box-shadow:0 0 0 42px rgba(56,232,255,.03),0 0 0 84px rgba(56,232,255,.025)}.radar-circle:after{content:"";position:absolute;left:50%;top:50%;width:50%;height:2px;background:linear-gradient(90deg,var(--cyan),transparent);transform-origin:left center;animation:radar 3.1s linear infinite;box-shadow:0 0 20px var(--cyan)}.dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px var(--amber);animation:dotPulse 1.7s ease-in-out infinite}.d1{left:61%;top:30%}.d2{left:28%;top:62%;animation-delay:.4s;background:var(--green);box-shadow:0 0 18px var(--green)}.d3{left:70%;top:68%;animation-delay:.8s;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.right-panel{display:grid;grid-template-rows:auto 1fr auto;gap:16px}.voice,.activity{padding:16px;border:1px solid rgba(56,232,255,.22);background:rgba(2,10,22,.46)}.wave{height:70px;display:flex;align-items:center;justify-content:center;gap:5px;margin:16px 0}.wave i{width:5px;height:60px;background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 12px var(--cyan);animation:wave 1s ease-in-out infinite;border-radius:4px;transform:scaleY(.3)}.wave i:nth-child(2n){animation-delay:.1s}.wave i:nth-child(3n){animation-delay:.22s}.wave i:nth-child(4n){animation-delay:.34s}.logline{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}.logline span{color:var(--cyan);font-family:ui-monospace,monospace}.logline p{margin:0;color:#cdebf3}.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:20}.modal.show{display:flex}.modalbox{width:min(740px,92vw);padding:24px;border:1px solid var(--cyan);background:linear-gradient(180deg,rgba(4,17,33,.96),rgba(2,8,18,.96));box-shadow:0 0 80px rgba(56,232,255,.28);clip-path:polygon(0 24px,24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%)}textarea{width:100%;height:150px;background:rgba(0,0,0,.28);border:1px solid rgba(56,232,255,.28);color:var(--text);padding:14px;resize:none;outline:none}.actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.ghost{background:transparent;color:var(--muted)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(30px);opacity:0;padding:15px 22px;background:rgba(2,13,27,.92);border:1px solid var(--cyan);box-shadow:0 0 40px rgba(56,232,255,.25);transition:.25s;z-index:30}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes orbBreathe{50%{transform:scale(1.07);filter:brightness(1.25)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes barFlow{to{background-position:200% 0}}@keyframes sweep{55%,100%{transform:translateX(130%)}}@keyframes scan{from{transform:translateY(0)}to{transform:translateY(520px)}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes dotPulse{50%{transform:scale(1.8);opacity:.55}}@keyframes wave{50%{transform:scaleY(1);background:linear-gradient(var(--amber),var(--cyan))}}@media(max-width:1200px){.app-shell{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.hud-stage{grid-template-columns:1fr}.kanban-cols{display:flex;overflow-x:auto}.kanban-col{min-width:220px}.right-panel{display:block}.voice,.activity{margin-bottom:16px}}@media(max-width:640px){.app-shell{padding:10px}.topbar{display:block}.topbar h1{font-size:30px}.metrics-grid{grid-template-columns:1fr}.filter-row{flex-wrap:wrap}.panel{clip-path:none}.modalbox{clip-path:none}.kanban-head{display:block}.small-btn{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}