@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');*{box-sizing:border-box}body{margin:0;background:#05090d;color:#e9f5f4;font-family:Inter,Arial,sans-serif}.app{display:flex;min-height:100vh;background:radial-gradient(circle at 60% 20%,#0b2021 0,#071013 28%,#05090d 55%)}.sidebar{position:fixed;width:238px;height:100vh;border-right:1px solid #173034;background:#071014cc;backdrop-filter:blur(18px);padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 30px}.brand b{font-size:18px;letter-spacing:4px}.brand span{display:block;font-size:8px;color:#62d8cd;letter-spacing:2px;margin-top:4px}.orb{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#d8ffff 0,#69f0e2 8%,#1bafa7 23%,#063e42 48%,#031317 68%);box-shadow:0 0 25px #44e7d777,0 0 70px #19a99a44}.orb.small{width:34px;height:34px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{padding:12px 14px;color:#759397;text-decoration:none;border-radius:9px;font-size:13px;cursor:pointer}.sidebar nav a:hover,.sidebar nav a.active{color:#d9fffa;background:#0e2729;border:1px solid #1b4646}.sidebar nav a span{margin-left:10px}.side-bottom{margin-top:auto}.status{font-size:10px;color:#77999b;padding:14px;border-bottom:1px solid #173034}.status i,.online i{display:inline-block;width:7px;height:7px;background:#57e5a5;border-radius:50%;margin-right:7px;box-shadow:0 0 8px #57e5a5}.profile{display:flex;align-items:center;gap:10px;padding:18px 10px;font-size:11px}.profile>div:first-child,.profile:first-letter{color:#65e4d9}.profile b,.profile small{display:block}.profile small{color:#66878a;margin-top:3px}main{margin-left:238px;width:calc(100% - 238px);padding:0 38px 60px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10272a}header small,.eyebrow,.panel small,.pagehead small,article>small,.context>small{font-size:9px;letter-spacing:2px;color:#4e9d9a}header h1{font-size:23px;margin:6px 0}.header-actions{display:flex;align-items:center;gap:10px}.header-actions button{background:#0b171a;border:1px solid #193337;color:#6e9699;width:36px;height:36px;border-radius:8px}.online{font-size:9px;letter-spacing:1px;color:#6bd9b1;border:1px solid #174338;padding:10px 13px;border-radius:8px}.page{display:none;padding-top:30px}.page.active{display:block}.hero{min-height:330px;display:flex;align-items:center;justify-content:center;gap:80px;padding:20px 30px}.core{position:relative;width:210px;height:210px;display:flex;align-items:center;justify-content:center}.ring{position:absolute;border:1px solid #3be0d344;border-radius:50%;animation:spin 16s linear infinite}.r1{width:205px;height:205px;border-style:dashed}.r2{width:160px;height:160px;border-left-color:#64fff1;border-right-color:#64fff1;animation-direction:reverse;animation-duration:10s}.r3{width:120px;height:120px;border-top-color:#8afff5;animation-duration:7s}@keyframes spin{to{transform:rotate(360deg)}}.hero-copy{max-width:620px}.hero-copy h2{font-size:34px;margin:8px 0}.hero-copy p{color:#6f8f92;font-size:13px}.command{margin-top:24px;display:flex;border:1px solid #1d4547;background:#071316;border-radius:12px;padding:6px;box-shadow:0 0 30px #24c9bd10}.command input,.chatbox input{flex:1;background:transparent;border:0;outline:0;color:white;padding:10px}.command button,.chatbox button,.pagehead button,.empty button,.integrations button,.panel-title button{background:#123d3d;border:1px solid #24605d;color:#8ef3e8;border-radius:8px;padding:10px 14px;cursor:pointer}.command .mic{margin-left:5px}.chips{display:flex;gap:8px;margin-top:12px}.chips button{font-size:10px;color:#658d90;border:1px solid #17383b;background:#081416;border-radius:20px;padding:8px 12px}.grid{display:grid;gap:14px;margin-top:14px}.grid.four{grid-template-columns:repeat(4,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}.grid article,.panel{background:linear-gradient(145deg,#0a1518dd,#081113dd);border:1px solid #163034;border-radius:12px;padding:20px}.grid article h3{font-size:27px;margin:12px 0 4px}.grid article p{color:#69898d;font-size:11px;margin:0}.grid article>b{display:block;color:#51cfc2;font-size:9px;margin-top:12px}.icon{float:right;color:#4ccabd}.panel-title,.pagehead{display:flex;justify-content:space-between;align-items:center}.panel-title h3,.pagehead h2{margin:6px 0 12px}.panel-title button{background:transparent;border:0}.event,.activity,.automation{display:flex;align-items:center;gap:15px;border-top:1px solid #11272a;padding:16px 0;font-size:11px}.event time{font-size:18px;color:#9ff9f0}.event div,.activity div,.automation div{flex:1}.event b,.event span,.activity b,.activity span,.automation b,.automation span{display:block}.event span,.activity span,.automation span{color:#5d7d80;margin-top:5px}.event em{font-style:normal;font-size:8px;color:#54d3c7;border:1px solid #22504f;padding:5px;border-radius:4px}.activity i{width:30px;height:30px;border:1px solid #204345;border-radius:8px;display:grid;place-items:center;color:#5fded2}.chat-layout{display:grid;grid-template-columns:1fr 280px;gap:14px;height:calc(100vh - 160px)}.chat-main{display:flex;flex-direction:column}.messages{flex:1;overflow:auto;padding:10px}.msg{max-width:72%;margin:15px 0;padding:14px 16px;border-radius:12px;font-size:12px}.msg p{margin:6px 0}.msg.jarvis{background:#0b2426;border:1px solid #1b4647}.msg.user{background:#152026;margin-left:auto}.msg b{font-size:8px;letter-spacing:1px;color:#57d9ce}.chatbox{display:flex;border:1px solid #1d4547;border-radius:10px;padding:5px}.context p{color:#6b8c8f;font-size:11px;line-height:1.7}.context b{float:right;color:#50cdbf;font-size:9px}.context hr{border:0;border-top:1px solid #173034;margin:20px 0}.pagehead{margin-bottom:20px}.pagehead h2{font-size:25px}.empty{text-align:center;padding:70px 20px}.empty.compact{margin-top:14px;padding:40px}.empty p{max-width:600px;margin:10px auto 20px;color:#68888b;font-size:12px;line-height:1.7}.bigicon{font-size:35px;color:#58d9cf;margin-bottom:15px}.integrations article b{font-size:14px}.integrations button{margin-top:18px}.automation em{font-style:normal;color:#6c9294}.switch input{display:none}.switch span{display:block;width:36px;height:20px;border-radius:20px;background:#193034;position:relative}.switch span:after{content:'';position:absolute;width:14px;height:14px;background:#63878a;border-radius:50%;top:3px;left:3px}.switch input:checked+span{background:#17625d}.switch input:checked+span:after{left:19px;background:#8bfff4}@media(max-width:900px){.sidebar{width:70px}.sidebar .brand div:last-child,.sidebar nav span,.side-bottom{display:none}main{margin-left:70px;width:calc(100% - 70px);padding:0 15px}.hero{gap:20px;flex-direction:column}.grid.four,.grid.three,.grid.two{grid-template-columns:1fr}.chat-layout{grid-template-columns:1fr}.context{display:none}}