@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{--bg:#030a07;--panel:#081710;--panel2:#0b2116;--line:rgba(75,255,168,.17);--green:#39f5a2;--green2:#00bd72;--text:#effff6;--muted:#9ab5a5;--pink:#ff8fc7;--shadow:0 16px 55px rgba(0,0,0,.28)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0%,#0a2a19 0,transparent 38%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:rgba(3,12,8,.96);border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font:700 22px Outfit}.brand b{color:var(--green)}.brand small{display:block;color:var(--muted);font:400 11px 'DM Sans';margin-top:3px}.brand-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#002b18;background:radial-gradient(circle at 35% 30%,#d6ffea,#1ce995 42%,#006c42);box-shadow:0 0 25px #00ed9166}.nav-list{display:grid;gap:5px;margin-top:35px}.nav-item{width:100%;border:1px solid transparent;background:transparent;color:#c5d9ce;text-align:left;padding:12px 13px;border-radius:12px;display:flex;align-items:center;gap:12px}.nav-item span:first-child{width:22px;text-align:center;color:var(--green)}.nav-item.active,.nav-item:hover{background:linear-gradient(90deg,#0c3924,#0a2116);border-color:var(--line);color:#fff}.sidebar-bottom{margin-top:auto;color:var(--muted);font-size:12px;padding:15px 7px}.status-dot,.online i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:7px}.main{margin-left:246px;width:calc(100% - 246px);padding:25px clamp(16px,3vw,42px) 35px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.topbar h1{font:600 27px Outfit;margin:3px 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green)}.top-actions{display:flex;align-items:center;gap:12px}.online{font-size:12px;color:var(--muted)}.online i{width:7px;height:7px}.icon-btn{border:1px solid var(--line);background:#0a1b12;color:var(--green);border-radius:12px;width:42px;height:42px;font-size:19px}.menu-toggle{display:none}.grid{display:grid;gap:16px}.home-grid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.85fr)}.panel{background:linear-gradient(145deg,rgba(12,35,23,.96),rgba(5,17,11,.98));border:1px solid var(--line);border-radius:19px;padding:19px;box-shadow:var(--shadow)}.hero{min-height:380px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid #39f5a244;box-shadow:0 0 55px #00ed9133,inset 0 0 55px #00ed9122}.avatar-orb{width:185px;height:185px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,#1b6241,#092617 62%,#031009);border:2px solid var(--green);box-shadow:0 0 32px #00ed9166,inset 0 0 32px #00ed9144;animation:float 4s ease-in-out infinite}.avatar-orb span{font:500 65px Outfit;color:#c8ffe2;text-shadow:0 0 20px var(--green)}@keyframes float{50%{transform:translateY(-8px) scale(1.025)}}.hero h2{font:600 28px Outfit;margin:22px 0 5px}.hero p{color:var(--muted);margin:5px 0 17px}.btn-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.btn,.primary{border:1px solid var(--line);border-radius:12px;background:#0b281a;color:var(--green);padding:11px 15px}.primary{background:linear-gradient(100deg,#36f4a0,#00b96d);color:#002a17;font-weight:700;border:0}.section-title{font:600 17px Outfit;margin:0 0 13px}.muted{color:var(--muted);font-size:13px}.stack{display:grid;gap:15px}.task-list{display:grid;gap:8px}.task{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:14px}.task input{accent-color:var(--green)}.task.done span{text-decoration:line-through;color:var(--muted)}.task span{flex:1}.task button{border:0;background:none;color:#ff9bb9;font-size:18px}.field-row{display:flex;gap:8px;margin-top:12px}.field,.textarea,.select{width:100%;background:#031009;border:1px solid var(--line);color:var(--text);padding:12px;border-radius:11px;outline:none}.field:focus,.textarea:focus{border-color:var(--green)}.field-row .field{min-width:0}.chat-box{height:min(48vh,440px);overflow:auto;display:flex;flex-direction:column;gap:10px;padding:5px 0}.bubble{max-width:88%;padding:12px 14px;border-radius:14px;line-height:1.5;font-size:14px;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#0c3b26;border:1px solid #39f5a244}.bubble.assistant{align-self:flex-start;background:#10251a;border:1px solid var(--line)}.mode-grid,.tool-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card,.tool-card{border:1px solid var(--line);border-radius:13px;background:#081b11;padding:14px;color:var(--text);text-align:left}.mode-card strong,.tool-card strong{display:block;color:var(--green);margin-bottom:5px}.mode-card.selected{border-color:var(--green);box-shadow:0 0 15px #00ed9122}.stat{padding:14px;border:1px solid var(--line);border-radius:13px;background:#081b11}.stat b{font:600 24px Outfit;color:var(--green);display:block}.stat small{color:var(--muted)}.notice{border:1px solid #e9bf5b44;background:#2b210d;color:#f3d99a;padding:12px;border-radius:12px;font-size:13px;line-height:1.5}.page-heading{margin:0 0 6px;font:600 25px Outfit}.list-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}.list-row:last-child{border:0}footer{margin-top:30px;color:#6e8c7b;font-size:11px}footer span{margin-left:8px}.mobile-nav{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#123b27;border:1px solid var(--green);color:white;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1}.empty{padding:25px;text-align:center;color:var(--muted)}
@media(max-width:900px){.home-grid{grid-template-columns:1fr}.sidebar{width:215px}.main{margin-left:215px;width:calc(100% - 215px)}}
@media(max-width:650px){.sidebar{display:none}.main{margin:0;width:100%;padding:17px 13px 92px}.menu-toggle{display:block}.topbar h1{font-size:23px}.eyebrow{font-size:9px}.online{display:none}.hero{min-height:330px}.avatar-orb{width:150px;height:150px}.hero:before{width:235px;height:235px}.mobile-nav{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;justify-content:space-around;padding:9px 2px calc(9px + env(safe-area-inset-bottom));background:#041009f5;border-top:1px solid var(--line);backdrop-filter:blur(15px)}.mobile-nav button{background:none;border:0;color:var(--muted);font-size:11px;display:grid;gap:3px;justify-items:center}.mobile-nav button b{font-size:19px;color:var(--green)}.field-row{flex-wrap:wrap}.field-row .primary{width:100%}}