@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070f22;--side:#09152c;--panel:#0e1d38;--line:#203d68;--text:#eff7ff;--muted:#91a9cc;--cyan:#53e7ff;--blue:#50a8ff;--violet:#c08aff;--green:#5bf0b2}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#162a56 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button{font:inherit}.layout{min-height:100vh}.sidebar{width:260px;position:fixed;inset:0 auto 0 0;z-index:10;background:linear-gradient(180deg,#0a1730f7,#081126f7);border-right:1px solid #24446d;display:flex;flex-direction:column;padding:22px 15px;box-shadow:8px 0 32px #0002}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 27px;border-bottom:1px solid #1b3153}.logo{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#061326;font:800 18px 'Space Grotesk';background:linear-gradient(135deg,#52f1ff,#438bff 60%,#c084ff);box-shadow:0 0 25px #40dfff45}.brand b{display:block;font:700 17px 'Space Grotesk';letter-spacing:.5px}.brand small{display:block;color:#70dfff;font-size:9px;letter-spacing:1.7px;margin-top:3px}.mobile-close{display:none;margin-left:auto;background:none;border:0;color:#9eb9de;font-size:26px}.side-label{font-size:9px;color:#6483af;letter-spacing:1.8px;font-weight:800;padding:26px 12px 11px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;margin:4px 0;text-align:left;color:#a7bddb;background:transparent;border:1px solid transparent;border-radius:11px;cursor:pointer;font-size:12px;font-weight:600;transition:.2s}.nav-item:hover{background:#122747;color:#fff}.nav-item.active{color:#e9fbff;background:linear-gradient(100deg,#143e62,#182a50);border-color:#3acffb65;box-shadow:inset 3px 0 #4de8ff,0 0 18px #24cfff0b}.nav-icon{width:23px;text-align:center;font-size:19px;color:#5ee7ff}.nav-arrow{margin-left:auto;color:#5ee7ff;font-size:20px}.sidebar-bottom{margin-top:auto}.secure{display:flex;gap:10px;align-items:center;border:1px solid #2b4b6d;background:#0d203c;border-radius:12px;padding:12px}.live,.status-dot{width:7px;height:7px;display:inline-block;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.secure b{display:block;font-size:10px}.secure small{display:block;font-size:9px;color:#8da8c9;margin-top:4px}.version{display:block;text-align:center;color:#526f98;font-size:9px;letter-spacing:1px;margin-top:17px}.main{margin-left:260px;min-height:100vh}.topbar{height:88px;display:flex;align-items:center;gap:14px;padding:0 30px;background:#09152bd9;border-bottom:1px solid #203a60;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.crumb{font-size:10px;color:#7894ba;letter-spacing:.5px}.crumb span{color:#425d84;padding:0 6px}.crumb b{color:#8feaff;font-weight:600}.topbar h1{font:600 20px 'Space Grotesk';margin:5px 0 0}.top-right{margin-left:auto;display:flex;align-items:center;gap:9px;font-size:9px;color:#9db8d8;letter-spacing:1px}.avatar{margin-left:12px;width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#14385b;border:1px solid #45cfff80;color:#75eaff;font-weight:800}.menu-toggle{display:none;border:1px solid #29496f;background:#102342;color:#dff8ff;border-radius:8px;padding:8px 10px}.workspace{padding:27px;max-width:1700px;margin:0 auto}.welcome{display:flex;align-items:center;justify-content:space-between;min-height:245px;padding:30px 35px;border-radius:20px;background:linear-gradient(115deg,#102b4a,#101c3d 65%,#281c4a);position:relative;overflow:hidden}.neon{border:1px solid transparent;background-clip:padding-box;position:relative}.neon:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#4de8ff,#478bff,#c36cff,#ff5ac8,#4de8ff);background-size:250% 250%;animation:edge 8s linear infinite;pointer-events:none;z-index:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}.welcome-text,.welcome-art{position:relative;z-index:1}.eyebrow,.module-kicker{font-size:9px;color:#66e5ff;letter-spacing:1.8px;font-weight:800}.welcome h2{font:600 clamp(24px,3vw,36px) 'Space Grotesk';line-height:1.22;margin:12px 0}.welcome h2 em{font-style:normal;color:#72eaff;text-shadow:0 0 25px #48dfff38}.welcome p{max-width:540px;color:#a9bedc;font-size:12px;line-height:1.8;margin:0}.welcome-art{width:200px;height:180px;flex:0 0 200px;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px);animation:pulse 4s ease-in-out infinite alternate}.orb1{width:145px;height:145px;background:#2cdfff1c;border:1px solid #48dfff75;box-shadow:0 0 45px #4de8ff20}.orb2{width:105px;height:105px;background:#bd75ff18;border:1px solid #bd75ff9c;box-shadow:0 0 35px #bd75ff27;animation-delay:-2s}.orb-core{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(135deg,#52f1ff,#458bff 65%,#bd75ff);color:#061329;font:800 22px 'Space Grotesk';box-shadow:0 0 36px #50dfff6b;transform:rotate(-8deg)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.section-heading h2{font:600 18px 'Space Grotesk';margin:0}.section-heading p{color:#8099bb;font-size:11px;margin:5px 0 0}.live-pill{border:1px solid #3bd9b15c;color:#8af2cb;background:#32e3a10c;border-radius:99px;padding:8px 10px;font-size:9px;letter-spacing:.6px}.live-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5bf0b2;margin-right:6px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.module-card{color:var(--text);text-align:left;padding:22px;border-radius:17px;cursor:pointer;background:linear-gradient(145deg,#102544,#0b1931);border:1px solid #28466e;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0004,0 0 22px #45dfff12}.module-card>*{position:relative;z-index:1}.module-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:18px;color:#5ce8ff;background:#43dcff13;border:1px solid #43dcff5c}.violet .module-icon{color:#c99aff;background:#bd75ff12;border-color:#bd75ff5c}.module-card h3{font:700 17px 'Space Grotesk';margin:7px 0 8px}.module-card p{font-size:11px;line-height:1.8;color:#9bb2d2;min-height:40px;max-width:470px}.launch{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #294568;padding-top:15px;margin-top:18px;color:#70eaff;font-size:9px;font-weight:800;letter-spacing:1px}.violet .launch{color:#c69aff}.notice{display:flex;gap:13px;align-items:flex-start;padding:16px;margin-top:17px;border:1px solid #264365;background:#0d1b33;border-radius:13px}.notice>span{color:#65e9ff;font-size:20px}.notice b{font-size:11px}.notice p{font-size:10px;color:#91a9ca;line-height:1.7;margin:5px 0 0}.module-view{background:#0a1428;border:1px solid #27456d;border-radius:15px;overflow:hidden;min-height:80vh}.frame-toolbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#10213e;border-bottom:1px solid #29476d}.frame-toolbar b{display:block;font-size:12px;margin-top:3px}.frame-toolbar .module-kicker{font-size:8px}.back-btn{border:1px solid #35577d;color:#c7e6ff;background:#122a49;border-radius:8px;padding:8px 11px;font-size:10px;cursor:pointer}.module-view iframe{display:block;width:100%;height:calc(100vh - 145px);min-height:700px;border:0;background:#081226}.scrim{display:none}
@keyframes edge{0%{background-position:0% 50%}100%{background-position:250% 50%}}@keyframes pulse{from{transform:scale(.94);opacity:.7}to{transform:scale(1.07);opacity:1}}
@media(max-width:1050px){.sidebar{width:230px}.main{margin-left:230px}.workspace{padding:18px}.welcome{padding:25px}.welcome-art{width:150px;flex-basis:150px}}
@media(max-width:760px){.sidebar{transform:translateX(-105%);transition:transform .25s;width:270px}.sidebar.open{transform:translateX(0)}.main{margin-left:0}.menu-toggle{display:block}.mobile-close{display:block}.scrim.show{display:block;position:fixed;inset:0;background:#020817aa;z-index:8}.topbar{height:75px;padding:0 14px}.topbar h1{font-size:17px}.top-right{font-size:0}.top-right .status-dot{font-size:initial}.avatar{margin-left:0}.workspace{padding:13px}.welcome{padding:23px;min-height:220px}.welcome-art{width:95px;flex-basis:95px;transform:scale(.72);margin-right:-14px}.welcome h2{font-size:25px}.welcome p{font-size:11px}.module-grid{grid-template-columns:1fr}.section-heading{gap:8px}.module-view iframe{height:calc(100vh - 130px);min-height:680px}}
@media(max-width:440px){.welcome-art{display:none}.welcome{min-height:0}.live-pill{font-size:8px}.section-heading h2{font-size:16px}.module-card{padding:18px}}


/* Logo lokal tanpa bingkai, border, latar, atau bayangan. */
.logo-upload.logo-image-host{display:grid;place-items:center;overflow:visible;flex:0 0 45px;width:45px;height:45px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.logo-image-host .sidebar-logo-image{display:block;width:45px;height:45px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;}
.orb-core.logo-image-host{display:grid;place-items:center;width:100px;height:100px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;}
.logo-image-host .center-logo-image{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;}
.avatar.logo-image-host{display:grid;place-items:center;width:35px;height:35px;margin-left:12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;}
.logo-image-host .avatar-logo-image{display:block;width:35px;height:35px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none;}