*{box-sizing:border-box;margin:0;padding:0}body{background:#020611;color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:13px}a{color:#00d4ff;text-decoration:none}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes hud-pulse{0%,to{opacity:.6;box-shadow:0 0 8px currentColor}50%{opacity:1;box-shadow:0 0 18px currentColor}}@keyframes agent-active{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.5);opacity:0}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@keyframes sweep-down{0%{top:0;opacity:.6}to{top:100%;opacity:0}}.layout{display:grid;grid-template-columns:240px 1fr 340px;grid-template-rows:52px 1fr;height:100vh;grid-gap:0;gap:0;position:relative}.layout-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(0,212,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(0,212,255,.022) 1px,transparent 0);background-size:60px 60px}.topbar{grid-column:1/-1;background:rgba(2,6,20,.95);border-bottom:1px solid rgba(0,212,255,.2);display:flex;align-items:center;padding:0 20px;gap:16px;position:relative;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{font-size:15px;font-weight:700;color:#e2e8f0;letter-spacing:4px;text-transform:uppercase;text-shadow:0 0 16px rgba(0,212,255,.7)}.topbar .cap{margin-left:auto;font-size:11px;color:#475569;letter-spacing:1px}.topbar .cap span{color:#4ade80;font-weight:700;text-shadow:0 0 8px #4ade8088}.sidebar{background:rgba(2,6,20,.9);border-right:1px solid rgba(0,212,255,.1);padding:14px 12px;overflow-y:auto;position:relative;z-index:10}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:rgba(0,212,255,.2);border-radius:2px}.main{overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:10}.main::-webkit-scrollbar{width:3px}.main::-webkit-scrollbar-thumb{background:rgba(0,212,255,.15);border-radius:2px}.rightpanel{background:rgba(2,6,20,.9);border-left:1px solid rgba(0,212,255,.1);display:flex;flex-direction:column;position:relative;z-index:10}.panel{background:rgba(2,6,20,.85);border:1px solid hsla(0,0%,100%,.07);border-radius:6px;padding:14px;position:relative;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel h2{font-size:9px;text-transform:uppercase;letter-spacing:3px;color:rgba(0,212,255,.5);margin-bottom:12px;display:flex;align-items:center;gap:7px}.panel h2:before{content:"";display:inline-block;width:5px;height:5px;background:#00d4ff;border-radius:1px;box-shadow:0 0 6px #00d4ff}.agent-card{background:rgba(5,15,40,.8);border:1px solid hsla(0,0%,100%,.07);border-radius:6px;padding:10px 12px;margin-bottom:8px;position:relative;transition:border-color .2s}.agent-card:hover{border-color:rgba(0,212,255,.25)}.agent-card .name{font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase;margin-bottom:2px}.agent-card .role{font-size:9px;color:rgba(148,163,184,.5);letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.agent-card .stats{display:flex;gap:12px}.stat{text-align:center}.stat .val{font-size:18px;font-weight:700;line-height:1}.stat .lbl{font-size:8px;color:rgba(100,116,139,.7);margin-top:2px}.badge,.stat .lbl{letter-spacing:1px}.badge{display:inline-block;padding:2px 7px;border-radius:3px;font-size:9px;font-weight:700;text-transform:uppercase}.badge.pending{background:rgba(30,58,95,.5);color:#60a5fa;border:1px solid #1e3a5f}.badge.in_progress{background:rgba(0,255,204,.1);color:#0fc;border:1px solid rgba(0,255,204,.3);animation:hud-pulse 1.5s ease-in-out infinite}.badge.completed{background:rgba(20,83,45,.5);color:#4ade80;border:1px solid #14532d}.badge.failed{background:rgba(69,10,10,.5);color:#f87171;border:1px solid #450a0a}.badge.blocked{background:rgba(69,26,3,.5);color:#fb923c;border:1px solid #451a03}.badge.needs_human{background:rgba(76,29,149,.5);color:#c4b5fd;border:1px solid #4c1d95}.task-row{border-bottom:1px solid hsla(0,0%,100%,.04);padding:9px 0;display:flex;align-items:flex-start;gap:10px}.task-row:last-child{border-bottom:none}.task-meta{flex:1 1}.task-meta .type{font-weight:700;font-size:12px;letter-spacing:.5px}.task-meta .agent{font-size:10px;color:rgba(100,116,139,.8);margin-top:2px;letter-spacing:1px;text-transform:uppercase}.task-meta .ts{font-size:9px;color:rgba(71,85,105,.8);margin-top:3px}.approval-card{background:rgba(10,20,5,.7);border:1px solid rgba(74,222,128,.2);border-radius:6px;padding:12px;margin-bottom:10px;position:relative}.approval-card .title{font-weight:700;font-size:12px;margin-bottom:6px;letter-spacing:.5px;color:#e2e8f0}.approval-card .detail{font-size:10px;color:rgba(148,163,184,.6);margin-bottom:10px;line-height:1.6;letter-spacing:.3px}.btn-row{display:flex;gap:8px}.btn{padding:5px 14px;border-radius:4px;border:1px solid;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:inherit;transition:all .15s}.btn.approve{background:rgba(20,83,45,.4);color:#4ade80;border-color:rgba(74,222,128,.4)}.btn.approve:hover{background:rgba(20,83,45,.7);box-shadow:0 0 10px rgba(74,222,128,.3)}.btn.reject{background:rgba(69,10,10,.4);color:#f87171;border-color:hsla(0,91%,71%,.4)}.btn.reject:hover{background:rgba(69,10,10,.7);box-shadow:0 0 10px hsla(0,91%,71%,.3)}.spend-bar-bg{background:hsla(0,0%,100%,.06);border-radius:3px;height:6px;margin:8px 0;position:relative;overflow:hidden}.spend-bar-fill{border-radius:3px;height:6px;transition:width .8s ease}.spend-bar-fill.ok{background:linear-gradient(90deg,#00ffcc88,#0fc);box-shadow:0 0 6px #0fc}.spend-bar-fill.warning{background:linear-gradient(90deg,#f59e0b88,#f59e0b);box-shadow:0 0 6px #f59e0b}.spend-bar-fill.danger{background:linear-gradient(90deg,#ef444488,#ef4444);box-shadow:0 0 6px #ef4444}.spend-numbers{display:flex;justify-content:space-between;font-size:9px;color:rgba(100,116,139,.7);letter-spacing:.5px}.chat-messages{flex:1 1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:rgba(0,212,255,.2);border-radius:2px}.chat-header{padding:12px 16px;border-bottom:1px solid rgba(0,212,255,.12);font-size:9px;font-weight:700;color:rgba(0,212,255,.6);letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;background:rgba(0,10,30,.5)}.msg{max-width:90%;padding:10px 13px;border-radius:8px;font-size:12px;line-height:1.6;font-family:Segoe UI,system-ui,sans-serif}.msg.user{background:rgba(0,60,120,.5);border:1px solid rgba(0,212,255,.2);align-self:flex-end;color:#bfdbfe;border-bottom-right-radius:2px}.msg.professor{background:rgba(20,10,40,.7);border:1px solid rgba(192,132,252,.2);align-self:flex-start;color:#e2e8f0;border-bottom-left-radius:2px}.msg .who{font-size:9px;color:rgba(71,85,105,.9);margin-bottom:4px;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-family:Courier New,monospace}.chat-input-row{padding:10px 12px;border-top:1px solid rgba(0,212,255,.1);display:flex;gap:8px;align-items:flex-end;background:rgba(0,5,15,.6)}.chat-input-row textarea{flex:1 1;background:rgba(0,0,0,.4);border:1px solid rgba(0,212,255,.2);border-radius:6px;padding:9px 12px;color:#e2e8f0;font-size:12px;outline:none;font-family:Segoe UI,system-ui,sans-serif;line-height:1.4;resize:none;min-height:36px;max-height:120px;overflow-y:auto}.chat-input-row textarea:focus{border-color:rgba(0,212,255,.5);box-shadow:0 0 8px rgba(0,212,255,.15)}.chat-input-row textarea:disabled{opacity:.4}.chat-input-row button{background:rgba(0,212,255,.1);color:#00d4ff;border:1px solid rgba(0,212,255,.35);border-radius:6px;padding:9px 16px;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-family:inherit;flex-shrink:0;height:38px;transition:all .15s}.chat-input-row button:hover:not(:disabled){background:rgba(0,212,255,.18);box-shadow:0 0 10px rgba(0,212,255,.25)}.chat-input-row button:disabled{opacity:.3;cursor:default}.typing-dots{display:flex;gap:5px;padding:4px 2px;align-items:center}.typing-dots span{width:6px;height:6px;background:rgba(192,132,252,.6);border-radius:50%;animation:typing-bounce 1.2s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.empty{color:rgba(71,85,105,.8);font-size:11px;text-align:center;padding:20px 0;letter-spacing:1px}.refresh-note{font-size:9px;color:rgba(51,65,85,.8);text-align:right;margin-top:6px;letter-spacing:1px}.mobile-nav{display:none;grid-column:1/-1;background:rgba(2,6,20,.98);border-top:1px solid rgba(0,212,255,.15);position:fixed;bottom:0;left:0;right:0;z-index:100;height:56px}.mobile-nav-inner{display:flex;height:100%}.mobile-nav-btn{flex:1 1;background:none;border:none;color:rgba(148,163,184,.5);font-family:Courier New,monospace;font-size:8px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:color .15s}.mobile-nav-btn svg{width:20px;height:20px}.mobile-nav-btn.active{color:#00d4ff}.mobile-nav-btn.active svg{filter:drop-shadow(0 0 4px #00d4ff88)}.chat-tabs{display:flex;border-bottom:1px solid rgba(0,212,255,.1);background:rgba(0,5,15,.6);flex-shrink:0}.chat-tab{flex:1 1;padding:10px 8px;background:none;color:rgba(148,163,184,.4);font-family:Courier New,monospace;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .15s}.chat-tab.active{color:#00d4ff;border-bottom-color:#00d4ff}.msg.ai{background:rgba(5,20,40,.8);border:1px solid rgba(0,212,255,.2);align-self:flex-start;color:#e2e8f0;border-bottom-left-radius:2px}@media (max-width:768px){.layout{grid-template-columns:1fr;grid-template-rows:48px 1fr;height:100dvh}.topbar{padding:0 14px}.topbar h1{font-size:12px;letter-spacing:2px}.topbar .cap{font-size:10px}.sidebar{display:none;position:fixed;inset:48px 0 56px 0;z-index:50;overflow-y:auto;padding:12px}.sidebar.mobile-active{display:block}.main{padding:10px 10px 66px}.rightpanel{display:none;position:fixed;inset:48px 0 56px 0;z-index:50}.rightpanel.mobile-active{display:flex}.mobile-nav{display:block}.approval-card{padding:10px}.btn{padding:8px 14px;font-size:10px}.btn-row{flex-wrap:wrap}.msg{max-width:95%;font-size:13px}.chat-input-row textarea{font-size:14px}.chat-input-row button{padding:10px 14px;font-size:11px}.agent-card .stats{gap:16px}.stat .val{font-size:22px}}