@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f7fbff;background:#020b18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 75% 20%,#09244b 0,#041426 34%,#010916 72%);-webkit-font-smoothing:antialiased}button{font:inherit}.dashboard{min-height:100vh;display:grid;grid-template-columns:186px minmax(430px,.78fr) minmax(620px,1.22fr);grid-template-rows:106px 1fr;gap:12px;padding:0 12px 18px;overflow:hidden;background-image:linear-gradient(#00e7ff06 1px,transparent 1px),linear-gradient(90deg,#00e7ff05 1px,transparent 1px);background-size:32px 32px}.topbar{grid-column:1/-1;margin:0 -12px;padding:0 32px;display:grid;grid-template-columns:280px 340px 1fr;align-items:center;border-bottom:1px solid #0c5070;background:#020e1ee0}.wordmark{display:flex;flex-direction:column;line-height:1.1}.wordmark strong{font-size:30px;letter-spacing:-1px}.wordmark span{font-size:19px;color:#09e0d4;margin-top:7px}.profile-switch{height:64px;display:flex;border:1px solid #0e6ac4;border-radius:34px;padding:4px;box-shadow:0 0 30px #0078ff38 inset}.profile-switch button{flex:1;border:0;border-radius:29px;color:#fff;background:transparent;font-weight:700;font-size:18px}.profile-switch .selected{background:linear-gradient(135deg,#087eff,#1266ed);box-shadow:0 0 24px #00baff80}.status{justify-self:end;display:flex;align-items:center;gap:12px;font-size:16px;white-space:nowrap}.status i{width:12px;height:12px;border-radius:50%;background:#07e8b6;box-shadow:0 0 13px #00ffd5}.status svg{font-size:22px}.status b{margin-left:16px}.status em{font-style:normal;padding-left:18px;border-left:1px solid #08a8d4}.bars{font-size:13px;letter-spacing:-2px}.sidebar,.apps-panel,.live-panel{border:1px solid #0c5274;border-radius:22px;background:linear-gradient(145deg,#041930f0,#020d1df7);box-shadow:0 18px 55px #0008,inset 0 0 32px #075d8a13}.sidebar{display:flex;flex-direction:column;padding:15px 10px}.sidebar nav{display:grid;gap:8px}.sidebar nav button{height:62px;display:flex;align-items:center;gap:17px;padding:0 17px;border:0;border-radius:14px;color:#fff;background:transparent;font-size:16px;text-align:left}.sidebar nav button svg{font-size:27px}.sidebar nav button.active{background:linear-gradient(135deg,#0f8dff,#1763ed);box-shadow:0 0 24px #078dff8a}.brand-card{margin-top:auto;border:1px solid #02ddd7;border-radius:18px;padding:14px 10px 18px;display:flex;flex-direction:column;align-items:center;background:#031426;box-shadow:inset 0 0 24px #06728d2e}.brand-card img{width:92px;height:92px;border-radius:20px;object-fit:cover;box-shadow:0 0 22px #33c8ff}.brand-card strong{font-size:19px;margin-top:13px}.brand-card span{color:#07e7da;font-size:14px;margin-top:5px}.apps-panel,.live-panel{padding:26px 18px}.section-title{display:flex;align-items:flex-start;gap:18px}.section-title>svg{font-size:37px;color:#d9f7ff;filter:drop-shadow(0 0 6px #5edfff)}.section-title h1{font-size:28px;line-height:1;margin:4px 0 9px}.section-title p{font-size:16px;margin:0;color:#d2e2ef}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:29px}.app-card{height:142px;border:1px solid #00c9c7;border-radius:18px;background:linear-gradient(145deg,#061c34,#031326);color:#fff;display:grid;grid-template-columns:82px 1fr 42px;align-items:center;text-align:left;padding:16px;box-shadow:inset 0 0 25px #08608a20;cursor:pointer}.app-card:hover{transform:translateY(-2px);border-color:#25f1e8;box-shadow:0 9px 24px #0008,0 0 18px #00bcd42f}.app-icon{width:74px;height:74px;border-radius:18px;background:#f8fbff;display:grid;place-items:center;font-size:47px;box-shadow:0 8px 20px #0007}.app-copy{display:flex;flex-direction:column;gap:12px;padding-left:12px}.app-copy strong{font-size:16px;line-height:1.25}.app-copy small{color:#00e5b6;display:flex;align-items:center;gap:8px}.app-copy small i{width:10px;height:10px;border-radius:50%;background:#00e5b6;box-shadow:0 0 8px #00e5b6}.go{width:38px;height:38px;border:1px solid #008cff;border-radius:50%;display:grid;place-items:center;color:#dff8ff;box-shadow:inset 0 0 14px #0078ff88}.go svg{font-size:24px}.live-panel{display:flex;flex-direction:column}.live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.actions{display:flex;gap:14px}.actions button{height:59px;padding:0 26px;border:1px solid #00ddcd;border-radius:18px;color:#fff;background:#04162b;display:flex;align-items:center;gap:12px;font-size:16px}.actions .primary{background:linear-gradient(135deg,#038cff,#1260e8);box-shadow:0 0 24px #00bcff80}.android-frame{min-height:0;flex:1;margin-top:24px;padding:10px;border:1px solid #00dfd4;border-radius:22px;background:#010811;box-shadow:0 0 30px #00a8d42e,inset 0 0 20px #00d9e01c;overflow:hidden}.android-frame img{width:100%;height:100%;display:block;object-fit:cover;border-radius:14px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:14px 22px;border:1px solid #00e4d3;border-radius:14px;background:#04223aef;box-shadow:0 12px 40px #000b;color:#fff}@media(max-width:1100px){.dashboard{grid-template-columns:160px 1fr;grid-template-rows:92px auto auto}.topbar{grid-template-columns:210px 280px 1fr}.status{font-size:0}.status>*{font-size:16px}.live-panel,.apps-panel{grid-column:2}.sidebar{grid-row:2/4}.app-card{height:120px}.wordmark strong{font-size:24px}}@media(max-width:720px){.dashboard{display:none}body:after{content:"Tampilan iPhone tetap memakai versi stabil EvoDroid Cloud.";min-height:100vh;display:grid;place-items:center;padding:30px;text-align:center;color:#dff;font:600 18px Inter,Arial}}



/* EVO UI CLEAN FINISHING */
.app-grid {
    gap: 18px;
}

.app-card {
    min-height: 176px;
}

.app-card:first-child {
    position: relative;
    border: inherit;
    box-shadow: inherit;
}

.app-card:first-child::after {
    content: none !important;
}

.sidebar nav button:nth-child(2) {
    font-weight: 700;
}


/* Android Cloud logo di bawah kiri */
.android-live-wrap{
  display:flex;
  flex-direction:column;
}
.android-cloud-corner{
  display:flex;
  justify-content:flex-start;
  align-items:flex-start;
  padding-top:12px;
  padding-left:2px;
}
.android-cloud-corner img{
  display:block;
  width:140px;
  max-width:42%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 12px rgba(0,140,255,.35));
}