:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e6eefc;background:#070e1d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;background:#20b9ed;color:#061425;border:0;border-radius:11px;padding:12px 17px;font-weight:750}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#1c2b45;color:#dbeafe;border:1px solid #344a69}.app{min-height:100vh;display:flex}.sidebar{width:256px;flex-shrink:0;background:#0c172b;border-right:1px solid #20324e;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 28px}.brandicon{width:41px;height:41px;border-radius:12px;background:linear-gradient(140deg,#1ac7ed,#4062f5);display:grid;place-items:center;color:#fff;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#7f96b6;font-size:10px;letter-spacing:2px;margin-top:4px}.navlabel{font-size:10px;letter-spacing:2px;color:#7891b5;font-weight:800;margin:18px 13px 9px}.nav{display:block;text-align:left;background:none;color:#9cb1d0;width:100%;margin:2px 0;padding:12px 15px;font-weight:600}.nav.active{background:#133650;color:#4ad7ff}.sidebarfoot{margin-top:auto;padding:20px 10px 5px;display:grid;gap:12px;overflow-wrap:anywhere}.sidebarfoot small{color:#8ba1c2}.main{min-width:0;flex:1}.topbar{height:73px;border-bottom:1px solid #20324e;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,44px);gap:12px}.topbrand{font-size:11px;letter-spacing:2.3px;font-weight:850;color:#91a8ca}.topright{display:flex;gap:12px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#244a7a;font-weight:800}.pill{display:inline-block;background:#152b43;color:#91d9f7;border:1px solid #2a4563;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800;text-transform:capitalize;white-space:nowrap}.amber{color:#ffda8a;background:#49391a}.content{max-width:1340px;margin:auto;padding:clamp(18px,3vw,42px)}.eyebrow{color:#63cfff;letter-spacing:2px;font-size:11px;font-weight:850}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.pageheading h1,.hero h1{font-size:clamp(29px,3vw,44px);letter-spacing:-1.5px;margin:11px 0}.pageheading p,.hero p,.card p{color:#93a8c6;line-height:1.7}.hero{padding:40px 0 26px}.hero h1{font-size:clamp(38px,5vw,66px)}.hero em{color:#35c4ed;font-style:normal}.card{background:#101d32;border:1px solid #293c5c;border-radius:20px;padding:clamp(18px,2.5vw,28px);margin-bottom:20px;min-width:0}.card h2{font-size:20px;margin:0 0 13px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px}.stat{display:flex;flex-direction:column;gap:10px}.stat span{color:#9eb3d0;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.stat strong{font-size:38px;letter-spacing:-2px}.stat small,.muted{color:#8096b5}.sectionhead,.botrow,.detail{display:flex;align-items:center;justify-content:space-between;gap:15px}.sectionhead{margin-bottom:15px}.botrow{padding:16px 0;border-top:1px solid #293b56;flex-wrap:wrap}.botrow strong,.botrow small{display:block}.botrow small{margin-top:5px;color:#8ba2c1}.actions{display:flex;gap:10px;flex-wrap:wrap}.empty{padding:35px 12px;text-align:center;color:#91a7c5}.formcard{max-width:720px}.auth{max-width:490px}.auth label,.formcard label{display:block;color:#b8c9df;font-weight:650;margin:17px 0;text-transform:capitalize}input,select{width:100%;background:#0b1628;border:1px solid #334a6c;border-radius:11px;padding:13px;color:#e9f2ff;margin-top:8px;min-width:0}input:focus,select:focus{outline:2px solid #23b6e9}.console,.json{background:#050b14;border:1px solid #293d5d;padding:17px;border-radius:12px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#a5e8cf;max-height:500px}.pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.price{background:#0a172a;border:1px solid #2b405e;padding:18px;border-radius:13px}.price h3{margin:16px 0 0}.detail{padding:16px 0;border-bottom:1px solid #293b56;overflow-wrap:anywhere}.detail span{color:#91a7c5}.notice,.demobar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-radius:12px;margin-bottom:20px;background:#14344b;border:1px solid #2b7596;overflow-wrap:anywhere}.notice button{background:transparent;color:#fff;font-size:24px;padding:0}.demobar{background:#40351d;border-color:#a57d29}.demobar button{background:#f5c15e}.hamburger,.shade{display:none}@media(max-width:850px){.sidebar{position:fixed;z-index:30;left:0;top:0;transform:translate(-105%);transition:transform .2s;box-shadow:15px 0 45px #0008}.sidebar.open{transform:none}.shade{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:20}.hamburger{display:block;background:#182b43;color:#fff;padding:9px 12px}.topbar{height:64px}.pageheading{align-items:flex-start;flex-direction:column}.content{padding:18px}.topbrand{letter-spacing:1px;font-size:10px}}@media(max-width:480px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px}.stat strong{font-size:30px}.card{border-radius:15px}.topright .pill{display:none}.botrow{align-items:flex-start}.demobar{flex-direction:column;align-items:stretch}.sectionhead{align-items:flex-start;flex-direction:column}.sectionhead button{width:100%}.actions button{flex:1}.pageheading h1{font-size:30px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{max-width:100%;overflow-x:hidden}.app,.main,.content{min-width:0;max-width:100%}.content{overflow-wrap:anywhere}.card,.formcard,.botrow{min-width:0}.formcard input,.formcard textarea,.formcard select,.ticketdetail textarea{max-width:100%;width:100%;font:inherit}.ticketdetail{margin-top:24px;padding:16px;border:1px solid #2b4164;border-radius:16px;max-width:100%}.ticketmessage{padding:12px;margin:10px 0;border:1px solid #2b4164;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.botrow{gap:12px;flex-wrap:wrap}.actions{flex-wrap:wrap}@media(max-width:650px){.main{width:100%;min-width:0}.content{padding:16px!important}.pageheading h1{font-size:clamp(1.5rem,7vw,2.5rem)}.topbar{gap:8px}.topbrand{font-size:12px}.stats,.pricing,.planadmin{grid-template-columns:minmax(0,1fr)!important}.card{padding:18px!important}.botrow button{max-width:100%}.sidebar{max-width:85vw}.auth{max-width:100%}}.upload-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:9px;background:#174b70;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.upload-button input{display:none}.botrow .actions{flex-wrap:wrap;gap:8px}:root{font-family:DM Sans,system-ui,sans-serif;color:#eaf0fc;background:#080d18;--panel:#101827;--line:#253149;--muted:#8d9bb3;--cyan:#5ad5ff;--blue:#5485ff;--purple:#9775fa}body{background:radial-gradient(ellipse 90% 50% at 70% -25%,#1c3066 0%,transparent 80%),#080d18}button,input,select,textarea{font-family:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,transform .18s,box-shadow .18s;background:linear-gradient(120deg,#64d9ff,#6a91ff);color:#081322;box-shadow:0 5px 18px #478bff18;border-radius:11px;min-height:42px}button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.09)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #71dcff;outline-offset:3px}.secondary{background:#19253a;color:#d7e6ff;border:1px solid #334560;box-shadow:none}.app{background:transparent}.sidebar{background:linear-gradient(180deg,#101a2c,#0c1321);width:268px;padding:24px 13px;border-right:1px solid #243047;box-shadow:8px 0 40px #00000016}.brand{padding:4px 13px 24px;border-bottom:1px solid #27334b;margin-bottom:16px}.brandicon{width:43px;height:43px;border-radius:13px;box-shadow:0 7px 25px #287ad044}.brand strong{font-family:Space Grotesk,sans-serif;font-size:15px;letter-spacing:-.3px}.brand small{font-size:9px;letter-spacing:1.6px}.navlabel{margin:20px 13px 8px;color:#6f819f}.nav{display:flex;align-items:center;gap:13px;min-height:43px;font-size:13px;border:1px solid transparent;border-radius:10px;padding:11px 13px;color:#a3b1c8}.nav svg{color:#8399bc;flex:none}.nav.active{background:linear-gradient(90deg,#18385b,#15243b);border-color:#2b5073;color:#8be0ff;box-shadow:inset 3px 0 #5bd4ff}.nav.active svg{color:#68d5ff}.nav:not(.active):hover{background:#1b2a42;color:#e4f0ff}.sidebarfoot{border-top:1px solid #26334b;padding-top:20px;margin-top:22px}.sidebarfoot small{font-size:12px}.signout{justify-content:flex-start;width:100%}.topbar{background:#0c1422cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:76px;padding:0 clamp(20px,3vw,48px)}.topbrand{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:1.9px;color:#e2ecff}.topbrand-dot,.live-dot{width:8px;height:8px;display:inline-block;background:#56e2b1;border-radius:50%;box-shadow:0 0 0 4px #56e2b11c}.topbar-divider{width:1px;height:20px;background:#33415a}.topbar-subtitle{letter-spacing:0;color:#8193ae;font-size:13px;font-weight:500}.topright .pill{border-color:#314b68;background:#172b41;color:#a1e7ff}.avatar{background:linear-gradient(135deg,#4471bb,#744fc6);width:38px;height:38px;border:2px solid #6478a7}.content{padding:clamp(20px,3vw,44px);max-width:1510px}.eyebrow{font-size:11px;letter-spacing:2.1px;color:#72bdf5;display:flex;align-items:center;gap:11px}.pageheading{padding-bottom:8px;margin-bottom:25px}.pageheading h1,.hero h1{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-1.8px}.pageheading h1{font-size:clamp(31px,3vw,45px);margin:13px 0 7px}.pageheading p{margin:0;font-size:14px}.hero{position:relative;overflow:hidden;padding:clamp(34px,5vw,80px) clamp(0px,2vw,30px) 45px}.hero:after{content:"";position:absolute;right:-100px;top:0;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#2968ff24,transparent 67%);pointer-events:none}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.08;margin:25px 0}.hero em{background:linear-gradient(100deg,#62dfff,#7895ff);color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{font-size:17px;max-width:650px}.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.hero-chips span{display:inline-flex;align-items:center;gap:8px;border:1px solid #314564;border-radius:100px;padding:9px 13px;color:#aec7e8;background:#121f32;font-size:12px}.hero-chips svg{color:#6edcba}.card{background:linear-gradient(155deg,#121d30,#101827);border:1px solid #28364e;border-radius:18px;box-shadow:0 14px 34px #00000012;padding:clamp(19px,2.2vw,29px)}.card h2{font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}.card h2 svg{color:#73d3ff}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stat{min-height:145px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-60px;top:-45px;background:#568fff0b}.stat span{color:#91a7c6;letter-spacing:1px;font-size:11px}.stat strong{font-family:Space Grotesk,sans-serif;font-size:40px;color:#f4f7ff}.stat small{font-size:12px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:21px}.quick-actions button{padding:12px 16px}.quick-actions button:first-child{margin-right:4px}.botrow{min-height:88px;gap:15px}.botidentity{display:flex;align-items:center;gap:14px;min-width:0}.server-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #33506f;background:#172c47;border-radius:13px;color:#78d6ff;flex:none}.botidentity strong{font-family:Space Grotesk,sans-serif;font-size:15px}.botidentity small{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px}.runtime-tag{display:inline-flex;align-items:center;gap:5px;color:#a4c8f5}.state-tag{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:750;color:#9aabc7;background:#1b293d;border:1px solid #34435a;border-radius:30px;padding:6px 9px;text-transform:capitalize;margin-top:7px}.state-dot{width:7px;height:7px;border-radius:50%;background:#8390a6}.state-running{color:#75e8ba;border-color:#2c6c57;background:#14362f}.state-running .state-dot{background:#55e2a6}.state-stopped .state-dot{background:#f4ba62}.state-pending_payment .state-dot{background:#e6a86b}.botrow .actions button,.upload-button{font-size:12px;min-height:40px;padding:9px 12px}.upload-button{display:inline-flex;gap:8px;background:#1b405d;border:1px solid #386a8d;color:#b9ebff;min-height:40px;border-radius:10px}.upload-button:hover{background:#225575}.botrow .actions{align-items:center}input,select,textarea{background:#0a1424;border:1px solid #34445f;color:#edf4ff;border-radius:10px;padding:13px 14px}input::placeholder,textarea::placeholder{color:#71839e}.formcard label,.auth label{font-size:13px;color:#c0d1e9}.formcard{max-width:820px}.formcard>button{margin-top:8px}.auth{max-width:480px;background:linear-gradient(150deg,#142440,#111a2a);border-color:#345073}.auth h2{font-size:24px}.auth .actions{margin-top:22px}.pricing{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}.price{border:1px solid #32445f;background:linear-gradient(145deg,#15243b,#101b2d);border-radius:15px;padding:22px}.price h3{font-family:Space Grotesk;font-size:25px}.console,.json{background:#060c14;border-color:#2d405a;color:#a1efc6;line-height:1.7;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.notice{background:#16334c;border-color:#2e769a;color:#d9f2ff;box-shadow:0 10px 25px #0002}.empty{background:#0c1626;border:1px dashed #35445e;border-radius:12px;padding:40px 18px;margin-top:15px}.ticketdetail{background:#101c2d}.ticketmessage{background:#0c1728}.planadmin{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.planadmin .card{margin:0}.planadmin input[type=checkbox]{width:auto;margin-right:8px}@media(max-width:950px){.sidebar{width:245px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-subtitle,.topbar-divider{display:none}}@media(max-width:850px){.sidebar{width:270px}.topbar{height:68px}.content{padding:22px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pageheading{margin-bottom:17px}}@media(max-width:650px){.content{padding:16px!important}.topbar{padding:0 16px}.topbrand{font-size:10px;letter-spacing:1.1px}.hero{padding:35px 0 25px}.hero h1{font-size:clamp(38px,10vw,58px)}.hero p{font-size:15px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}.stat{min-height:128px;padding:16px!important}.stat strong{font-size:34px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button:first-child{grid-column:1/-1;margin-right:0}.card{padding:19px!important}.botrow{display:flex;flex-direction:column;align-items:stretch}.botrow .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.botrow .actions>*{min-width:0;width:100%}.botrow .actions button{overflow-wrap:normal;word-break:normal}.sectionhead{flex-direction:row;align-items:center}.sectionhead button{width:auto}.topright .pill{display:none}.price h3{font-size:23px}.planadmin{grid-template-columns:minmax(0,1fr)}}@media(max-width:370px){.stats{grid-template-columns:1fr!important}.quick-actions{grid-template-columns:1fr}.quick-actions button:first-child{grid-column:auto}.sectionhead{flex-direction:column;align-items:stretch}.sectionhead button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}