:root{--a:#00d9ff;--p:#8b7cff;--bg:#02060d;--panel:#08111eeb;--line:rgba(110,220,255,.15);--text:#ebfbff;--muted:#748d9e;--good:#54efbd;--warn:#ffd15a;--danger:#ff557f}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:13px Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.hidden{display:none!important}.bg-grid,.scan{position:fixed;inset:0;pointer-events:none}.bg-grid{background-image:linear-gradient(rgba(0,217,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(0,217,255,.055) 1px,transparent 1px);background-size:42px 42px;opacity:.3}.scan{background:linear-gradient(transparent 50%,rgba(0,217,255,.5) 50%);background-size:100% 6px;opacity:.025}.auth{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 20%,rgba(0,217,255,.12),transparent 35%)}.auth-card{width:min(500px,100%);padding:42px;border:1px solid var(--line);border-radius:25px;background:#06101bf5;box-shadow:0 50px 150px #000}.dev-logo,.mini-logo{display:grid;place-items:center;background:radial-gradient(circle,#10536a,#06101a);border:1px solid rgba(0,217,255,.5);box-shadow:0 0 60px rgba(0,217,255,.16);color:var(--a);font-weight:900}.dev-logo{width:90px;height:90px;border-radius:25px;font-size:36px;position:relative;margin-bottom:25px}.dev-logo span{position:absolute;font-size:9px;right:10px;bottom:10px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#5d91a5;font-weight:900}.auth h1{font-size:37px;letter-spacing:-.04em;margin:12px 0}.auth p{color:var(--muted);line-height:1.7}.auth form{display:grid;gap:11px;margin-top:25px}.auth label{font-size:9px;letter-spacing:.12em;color:#7793a1}.auth input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);color:var(--text)}.auth button,.primary{padding:12px;border:1px solid rgba(0,217,255,.35);border-radius:10px;background:linear-gradient(135deg,rgba(0,217,255,.2),rgba(139,124,255,.12));color:var(--text);font-weight:800}.auth #login-msg{color:var(--warn);font-size:10px;min-height:18px;margin-top:10px}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:rgba(2,7,14,.88);border-right:1px solid var(--line);backdrop-filter:blur(22px);display:flex;flex-direction:column}.brand{height:82px;padding:18px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--line)}.mini-logo{width:43px;height:43px;border-radius:12px}.brand b{letter-spacing:.2em}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.15em;margin-top:4px}.core-state{margin:12px;border:1px solid rgba(84,239,189,.15);background:rgba(84,239,189,.035);padding:11px;border-radius:10px;display:flex;gap:9px;align-items:center}.core-state i{width:7px;height:7px;background:var(--good);border-radius:50%;box-shadow:0 0 12px var(--good)}.core-state b{display:block;font-size:9px}.core-state small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.side-scroll{overflow:auto;padding:5px 10px 20px;scrollbar-width:thin;scrollbar-color:rgba(0,217,255,.2) transparent}.nav-label{font-size:8px;color:#4f6e7e;letter-spacing:.2em;font-weight:900;padding:15px 9px 6px}.nav-btn{width:100%;height:40px;border:1px solid transparent;background:transparent;border-radius:9px;color:#92a9b6;text-align:left;padding:0 10px;margin:2px 0}.nav-btn:hover{background:rgba(255,255,255,.03);color:var(--text)}.nav-btn.active{background:linear-gradient(90deg,rgba(0,217,255,.13),rgba(0,217,255,.02));border-color:rgba(0,217,255,.12);color:var(--text);box-shadow:inset 2px 0 var(--a)}.nav-btn span{color:var(--a);margin-right:9px}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:11px}.side-bottom a,.side-bottom button{width:100%;display:block;text-align:left;padding:9px;border:0;background:transparent;color:#7f98a7;text-decoration:none;border-radius:8px}.side-bottom button{color:#ff7c9a}.side-bottom a:hover,.side-bottom button:hover{background:rgba(255,255,255,.03)}main{margin-left:270px;min-height:100vh}.page-scroll{padding:26px 28px 80px}.header-right{display:flex;align-items:center;gap:13px}.live{font-size:8px;letter-spacing:.12em;color:var(--good);border:1px solid rgba(84,239,189,.2);padding:7px 9px;border-radius:99px}.live i{display:inline-block;width:6px;height:6px;background:var(--good);border-radius:50%;margin-right:6px;box-shadow:0 0 10px var(--good)}header{height:75px;position:sticky;top:0;z-index:10;background:rgba(2,7,14,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),rgba(5,10,18,.75));padding:19px;box-shadow:0 18px 70px rgba(0,0,0,.18)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-head h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 4px}.section-head p{color:var(--muted);margin:0;line-height:1.6}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1.3fr .7fr}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.wide{grid-template-columns:repeat(2,1fr)}.core-hero{min-height:300px;display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:center}.hero-copy h2{font-size:46px;line-height:1;margin:10px 0}.hero-copy p{color:var(--muted);max-width:600px;line-height:1.7}.orb{width:250px;height:250px;margin:auto;border-radius:50%;display:grid;place-items:center;align-content:center;border:1px solid rgba(0,217,255,.55);box-shadow:0 0 100px rgba(0,217,255,.2),inset 0 0 60px rgba(0,217,255,.08);background:radial-gradient(circle,#11485b,#050b12 68%);font-size:32px;font-weight:900;letter-spacing:.15em}.orb small{display:block;font-size:8px;color:var(--a);letter-spacing:.2em;margin-top:7px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{padding:15px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.018)}.metric b{font-size:25px;color:var(--a);display:block}.metric small{color:var(--muted)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-title b{font-size:10px;letter-spacing:.12em}.panel-title span{font-size:8px;color:var(--muted)}.feed{display:grid;gap:6px;max-height:320px;overflow:auto}.feed-row{padding:10px;border:1px solid rgba(255,255,255,.05);border-radius:8px}.feed-row b{font-size:9px;color:var(--a)}.feed-row small{display:block;color:var(--muted);margin-top:4px;white-space:pre-wrap}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);text-align:left}.quick b{display:block}.quick small{display:block;color:var(--muted);margin-top:5px}.chat-box{display:grid;grid-template-columns:1fr 300px;gap:14px}.messages{height:590px;overflow:auto;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(2,7,13,.65)}.msg{display:flex;gap:9px;margin:10px 0}.msg.user{justify-content:flex-end;flex-direction:row-reverse}.msg .who{width:28px;height:28px;border-radius:8px;background:rgba(0,217,255,.1);border:1px solid var(--line);display:grid;place-items:center;color:var(--a);font-size:8px;flex:0 0 28px}.msg .bubble{max-width:82%;border:1px solid var(--line);border-radius:10px;padding:11px;white-space:pre-wrap;line-height:1.6;background:rgba(255,255,255,.02)}.msg.user .bubble{background:rgba(139,124,255,.08)}.chat-compose{display:flex;gap:8px;margin-top:10px}.chat-compose textarea{flex:1;resize:none;min-height:50px;max-height:150px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);padding:12px;color:var(--text)}.chat-compose button{width:55px;border:1px solid rgba(0,217,255,.3);border-radius:10px;background:rgba(0,217,255,.1);color:var(--text);font-size:20px}.brain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.brain-item{min-height:95px;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:12px;background:rgba(255,255,255,.015);position:relative}.brain-item b{font-size:9px;letter-spacing:.1em}.brain-item small{display:block;color:var(--muted);margin-top:8px;line-height:1.4}.brain-item i{position:absolute;right:10px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 9px var(--good)}.task-form{display:flex;gap:8px}.task-form input,.search input,.settings input,.settings select{flex:1;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:9px;padding:11px;color:var(--text)}.task-form button,.small-btn{border:1px solid var(--line);background:rgba(0,217,255,.08);border-radius:9px;padding:0 13px;color:var(--text)}pre.result{white-space:pre-wrap;max-height:380px;overflow:auto;color:#9cc0ce;background:#02060b;border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:13px;font-size:10px;line-height:1.5}.list{display:grid;gap:7px;max-height:500px;overflow:auto}.row{border:1px solid rgba(255,255,255,.06);border-radius:9px;padding:11px;background:rgba(255,255,255,.015)}.row b{font-size:9px;color:var(--a)}.row p{margin:6px 0;color:#9bb2be;line-height:1.5}.row small{color:#506a78}.badge{font-size:8px;padding:4px 6px;border-radius:99px;background:rgba(84,239,189,.07);color:var(--good);border:1px solid rgba(84,239,189,.15)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-card{border:1px solid var(--line);border-radius:10px;padding:14px;background:rgba(255,255,255,.02)}.tool-card b{display:block}.tool-card small{color:var(--muted);display:block;margin:6px 0 12px}.tool-card button{border:1px solid var(--line);background:rgba(0,217,255,.06);border-radius:7px;padding:7px 9px}.log{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.approval{display:flex;justify-content:space-between;align-items:center;gap:10px}.approval-actions{display:flex;gap:5px}.approval-actions button{border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:7px;padding:7px 9px}.approval-actions .approve{color:var(--good)}.approval-actions .deny{color:var(--danger)}.settings{display:grid;gap:11px}.settings label{display:grid;gap:5px;color:var(--muted);font-size:9px}.settings button{padding:10px;border:1px solid var(--line);background:rgba(0,217,255,.08);border-radius:8px;color:var(--text)}.status-ok{color:var(--good)}@media(max-width:1000px){.sidebar{width:220px}.core-hero{grid-template-columns:1fr}.orb{display:none}main{margin-left:220px}.metric-grid{grid-template-columns:repeat(2,1fr)}.brain-grid{grid-template-columns:repeat(2,1fr)}.chat-box{grid-template-columns:1fr}.grid.two,.grid.three,.grid.wide{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:relative;width:100%;height:auto}.side-scroll{max-height:230px}.side-bottom{display:flex;gap:5px}.side-bottom a,.side-bottom button{width:50%}main{margin-left:0}header{padding:0 14px}.page-scroll{padding:18px 14px 60px}.header-right #clock{display:none}.quick-grid,.tools-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}}

code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--a)}
