:root{
  --aix-primary:#1164F7;
  --aix-cyan:#4C9CFF;
  --aix-violet:#356ED7;
  --aix-gold:#9B7200;
  --aix-bg:#fff;
  --aix-text:#181818;
  --aix-muted:#74787f;
  --aix-line:#e5e7eb;
  --aix-soft:#f6f7f9;
  --aix-blue-soft:#f2f6ff;
  --aix-radius:18px;
  --safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;background:var(--aix-bg);color:var(--aix-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
button,input,select,textarea{font:inherit}
.aix-app-shell{min-height:100vh;background:#fff}
.aix-main{max-width:760px;margin:0 auto;padding:24px 24px 112px;min-height:calc(100vh - 154px)}

/* header inspired by supplied AIX screenshots */
.aix-topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #e8e8e8;backdrop-filter:blur(14px)}
.admin-bar .aix-topbar{top:32px}
.aix-topline,.aix-actionline{max-width:760px;margin:0 auto;padding:0 24px;display:flex;align-items:center}
.aix-topline{height:72px;border-bottom:1px solid #efefef;position:relative}
.aix-back-home{display:flex;align-items:center;gap:9px;color:var(--aix-gold);font-weight:700;font-size:17px;min-width:120px}
.aix-back-home span{font-size:34px;font-weight:300;line-height:1}
.aix-top-title{position:absolute;left:50%;transform:translateX(-50%);font-size:18px;font-weight:600;letter-spacing:.2px;color:#171717}
.aix-win-coin{margin-left:auto;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#070707;color:#f3c20c;border:2px solid #d4a800;font-size:25px;font-style:italic;font-weight:900;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.aix-actionline{height:76px;gap:10px}
.aix-aix-logo{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#1e87ff,#0e2259 58%,#06112f);border:1px solid #1b4b9a;color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.aix-aix-logo img{width:100%;height:100%;object-fit:cover}
.aix-menu-trigger,.aix-round-action{border:1px solid #c9d8f3;background:#f6f9ff;color:var(--aix-primary);display:grid;place-items:center;cursor:pointer}
.aix-menu-trigger{width:52px;height:52px;border-radius:13px}
.aix-menu-trigger svg{width:25px;height:25px;stroke-width:1.7}
.aix-round-action{width:43px;height:43px;border-radius:50%}
.aix-round-action svg{width:21px;height:21px}
.aix-action-spacer{flex:1}
.aix-identity-chip{height:43px;max-width:170px;padding:0 18px;border:1px solid #c7d8f6;border-radius:24px;background:#f7f9ff;color:#0f63f4;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aix-globe{color:var(--aix-primary);width:28px;height:43px;display:grid;place-items:center}
.aix-globe svg{width:25px;height:25px}


/* v1.0.3 — Connect Wallet langsung di header */
.aix-header-wallet{position:relative;display:flex;align-items:center;min-width:0;margin:0}
.aix-wallet-chip{height:43px;max-width:184px;padding:0 16px;border:1px solid #c7d8f6;border-radius:24px;background:#f7f9ff;color:#0f63f4;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;box-shadow:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.aix-wallet-chip:hover{background:#eef4ff;border-color:#a9c4f3}.aix-wallet-chip:active{transform:scale(.985)}
.aix-wallet-chip.is-connected{background:#f4f8ff}
.aix-wallet-dot{width:8px;height:8px;border-radius:50%;background:#9aa4b2;box-shadow:0 0 0 3px rgba(154,164,178,.13);flex:0 0 auto}
.aix-wallet-chip.is-connected .aix-wallet-dot{background:#1164f7;box-shadow:0 0 0 3px rgba(17,100,247,.12)}
.aix-wallet-dot.is-verified{background:#19a463!important;box-shadow:0 0 0 3px rgba(25,164,99,.14)!important}
.aix-wallet-status{display:none;position:absolute;right:0;top:50px;width:min(315px,82vw);padding:10px 12px;border-radius:12px;background:#f4f8ff;color:#24569d;border:1px solid #dbe7ff;box-shadow:0 12px 28px rgba(20,45,90,.13);font-size:12px;line-height:1.45;z-index:95}
.aix-wallet-status:not(:empty){display:block}
.aix-wallet-status.cb-web3-ok{background:#edfdf3;color:#08783e;border-color:#cbeed9}.aix-wallet-status.cb-web3-err{background:#fff1f1;color:#a72828;border-color:#f2cccc}

/* drawer */
.aix-drawer-overlay{position:fixed;inset:0;background:rgba(13,18,28,.18);z-index:130;opacity:0;transition:.2s ease}
.aix-drawer-overlay.is-open{opacity:1}
.aix-drawer{position:fixed;z-index:140;right:0;top:0;height:100dvh;width:min(100%,620px);background:#f8f9fb;transform:translateX(105%);transition:transform .28s cubic-bezier(.22,.8,.25,1);padding:38px 40px 36px;overflow:auto;box-shadow:-22px 0 60px rgba(20,27,44,.13)}
.aix-drawer.is-open{transform:translateX(0)}
.aix-drawer-open{overflow:hidden}
.aix-drawer-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #dfe3e8}
.aix-drawer-brand{display:flex;align-items:center;gap:14px;min-width:0}
.aix-drawer-logo{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#66b5ff,#124695 62%,#08152e);color:#fff;font-weight:900;font-size:13px}
.aix-drawer-logo img{width:100%;height:100%;object-fit:cover}
.aix-drawer-brand strong{font-size:16px;letter-spacing:3px;display:block;color:#15171b;white-space:nowrap}
.aix-drawer-brand small{display:block;color:#6f747d;letter-spacing:4px;font-size:11px;margin-top:7px}
.aix-drawer-close{width:49px;height:49px;border-radius:14px;border:1px solid #d7dbe1;background:#fff;color:#69717b;font-size:29px;font-weight:200;cursor:pointer}
.aix-drawer-label{display:flex;justify-content:space-between;align-items:center;padding:36px 0 12px;border-bottom:1px solid #dfe3e8;color:#606775;letter-spacing:5px;font-size:12px;font-weight:700}
.aix-drawer-menu{position:relative}
.aix-drawer-menu:after{content:"AIX";position:absolute;right:0;top:80px;font-size:150px;font-weight:900;color:rgba(39,103,220,.035);pointer-events:none}
.aix-drawer-item{position:relative;z-index:1;display:grid;grid-template-columns:42px 1fr 30px;align-items:center;min-height:82px;border-bottom:1px solid #dfe3e8;color:#363b43}
.aix-drawer-item small{font-size:13px;color:#828993;font-weight:800}
.aix-drawer-item span{font-size:23px;font-weight:480}
.aix-drawer-item b{font-size:22px;color:#6f7780;font-weight:400;text-align:right}
.aix-drawer-item:hover,.aix-drawer-item:focus{background:#fff;color:var(--aix-primary)}
.aix-drawer-item:nth-child(5){background:var(--aix-primary);color:#fff;margin:0 -1px;border-color:var(--aix-primary);padding:0 10px}.aix-drawer-item:nth-child(5) small,.aix-drawer-item:nth-child(5) b{color:#fff}
.aix-drawer-logout{margin-top:28px;display:inline-flex;color:#6c727a;font-weight:700;border-bottom:1px solid #9ea4aa;padding-bottom:3px}

/* public landing */
.aix-public-hero{position:relative;min-height:690px;margin:0 -24px -10px;padding:110px 38px 80px;background:
 radial-gradient(circle at 74% 30%,rgba(68,134,213,.26),transparent 25%),
 repeating-radial-gradient(circle at 85% 45%,rgba(115,175,235,.07) 0 2px,transparent 2px 22px),
 linear-gradient(135deg,#06101f,#0a203a 55%,#05101e);overflow:hidden;color:#fff}
.aix-public-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.3),transparent 42%,rgba(48,128,210,.12));pointer-events:none}
.aix-public-panel{position:relative;z-index:1;max-width:630px;padding-left:25px;border-left:1px solid #1680ff}
.aix-public-kicker{display:flex;align-items:center;gap:16px;margin-bottom:14px}.aix-public-kicker b{width:52px;height:52px;display:grid;place-items:center;background:#0878f9;font-size:18px}.aix-public-kicker span{font-size:12px;letter-spacing:4px;color:#77bbff;font-weight:700}
.aix-public-panel>small{font-size:12px;letter-spacing:3px;color:#6ab4ff;font-weight:700}
.aix-public-panel h1{font-size:clamp(41px,7.3vw,67px);line-height:.98;letter-spacing:-2.5px;font-weight:420;margin:12px 0 16px}.aix-public-panel h1 em{font-style:normal;color:#59aaff}
.aix-public-panel p{max-width:610px;color:#d0d7e2;line-height:1.55;font-size:15px;margin:0 0 18px}
.aix-core-project{border:1px solid rgba(53,147,255,.45);border-left:3px solid #1680ff;background:rgba(1,17,36,.48);padding:13px 16px}.aix-core-project span{display:block;font-size:12px;letter-spacing:3px;color:#65b4ff;font-weight:800;margin-bottom:9px}.aix-core-project strong{font-size:18px}
.aix-public-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px}.aix-public-grid div{min-height:105px;padding:18px 13px;border:1px solid rgba(60,131,204,.25);background:rgba(1,18,37,.58)}.aix-public-grid b{display:block;color:#58aafe;font-size:12px;margin-bottom:14px}.aix-public-grid span{font-size:14px;line-height:1.3}
.aix-public-actions{display:flex;align-items:center;gap:15px;margin-top:22px}.aix-blue-cta{min-height:54px;padding:0 10px 0 22px;background:var(--aix-primary);color:#fff;display:inline-flex;align-items:center;gap:22px;font-weight:700;border-radius:3px}.aix-blue-cta b{width:46px;height:42px;background:#fff;color:var(--aix-primary);display:grid;place-items:center;font-size:24px;font-weight:400}.aix-public-link{border:1px solid rgba(255,255,255,.3);padding:15px 19px;color:#fff;font-weight:600}.aix-public-sponsor{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.aix-public-sponsor a{border-radius:6px!important}

/* logged in / page sections */
.aix-page-backline{display:flex;align-items:center;gap:8px;color:#70747a;font-size:18px;margin:10px 0 30px}.aix-page-backline a{display:flex;align-items:center;gap:8px}.aix-page-backline span{font-size:35px;color:var(--aix-primary);font-weight:200;line-height:1}
.aix-dashboard-intro{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #e2e3e5;padding-bottom:20px;margin-bottom:22px}.aix-section-eyebrow{display:block;font-size:11px;letter-spacing:4px;color:#6c7076;font-weight:600;text-transform:uppercase}.aix-dashboard-intro h1{font-size:45px;font-weight:350;margin:8px 0 0;color:var(--aix-primary)}.aix-user-brief{text-align:right;display:flex;flex-direction:column;justify-content:flex-end}.aix-user-brief span{font-size:10px;color:#777;letter-spacing:2px}.aix-user-brief strong{font-size:16px;margin-top:6px;font-weight:650}
.aix-alert{padding:13px 15px;border:1px solid #ffd17c;background:#fff8e8;color:#865d00;border-radius:10px;margin-bottom:18px}
.aix-asset-card{border:1px solid #dadde2;border-radius:17px;padding:20px 23px;background:#fff;box-shadow:0 2px 7px rgba(28,35,48,.07);margin-bottom:20px}.aix-asset-head{font-size:11px;letter-spacing:4px;color:#676b70}.aix-asset-head span:first-letter{color:var(--aix-primary)}.aix-main-balance{display:block;color:var(--aix-primary);font-size:58px;font-weight:380;letter-spacing:-2px;padding:8px 0 15px;border-bottom:2px solid #2d75e8}.aix-asset-line{display:flex;justify-content:space-between;gap:20px;padding:9px 0;color:#777;font-size:14px}.aix-asset-line b{font-weight:500;color:#5f646a}
.aix-action-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 35px}.aix-action-pills a{height:55px;border:1px solid #c4d3ee;border-radius:25px;background:#f7f9ff;color:var(--aix-primary);display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:550}.aix-action-pills svg{width:20px;height:20px}
.aix-home-section{margin-top:34px}.aix-home-report{margin-top:16px}.aix-simple-menu{margin-top:14px;border-top:1px solid #e5e7ea}.aix-simple-menu a{height:66px;border-bottom:1px solid #e5e7ea;display:flex;align-items:center;justify-content:space-between;font-size:18px;color:#30343a}.aix-simple-menu a b{color:#7c838a;font-weight:400}
.aix-page-title{margin-bottom:20px}.aix-page-title>span{font-size:10px;letter-spacing:4px;color:#7b7f84}.aix-page-title h1{font-size:33px;font-weight:500;margin:8px 0 0;color:#23262a}
.aix-content-card{background:#fff;min-height:350px}
.aix-login-gate{text-align:center;padding:70px 20px}.aix-login-gate h2{font-size:30px;margin:0 0 7px}.aix-login-gate p{color:#7b7f84;margin:0 0 25px}

/* normalize plugin UI into the supplied clean DApp visual */
.aix-content-card h1,.aix-content-card h2,.aix-content-card h3,.aix-home-report h1,.aix-home-report h2,.aix-home-report h3{color:#24272c;font-weight:550}
.aix-content-card p,.aix-content-card label,.aix-home-report p,.aix-home-report label{color:#70747a}
.aix-content-card form,.aix-home-report form{max-width:100%}
.aix-content-card input:not([type=checkbox]):not([type=radio]),.aix-content-card select,.aix-content-card textarea,.aix-home-report input:not([type=checkbox]):not([type=radio]),.aix-home-report select,.aix-home-report textarea{width:100%;max-width:100%;min-height:48px;border:1px solid #d9dde3!important;border-radius:12px!important;background:#fff!important;color:#24272c!important;padding:10px 13px!important;box-shadow:none!important;outline:none}
.aix-content-card input:focus,.aix-content-card select:focus,.aix-content-card textarea:focus{border-color:var(--aix-primary)!important;box-shadow:0 0 0 3px rgba(17,100,247,.08)!important}
.aix-content-card input[type=submit],.aix-content-card button:not(.aix-menu-trigger),.aix-home-report input[type=submit],.aix-home-report button{border:0!important;border-radius:9px!important;background:var(--aix-primary)!important;color:#fff!important;min-height:48px;padding:10px 20px!important;font-weight:650!important;cursor:pointer}
.aix-content-card table,.aix-home-report table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid #e0e2e6!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;font-size:13px!important}
.aix-content-card th,.aix-home-report th{background:#f5f6f7!important;color:#777d85!important;font-weight:550!important;letter-spacing:.5px}
.aix-content-card td,.aix-content-card th,.aix-home-report td,.aix-home-report th{padding:12px 10px!important;border:0!important;border-bottom:1px solid #e8e9eb!important;color:#4d5157!important}
.aix-content-card tr:last-child td,.aix-home-report tr:last-child td{border-bottom:0!important}
.aix-content-card a:not(.aix-blue-cta),.aix-home-report a{color:var(--aix-primary)}
.aix-content-card .cb-finance-box,.aix-home-report .cb-finance-box,.aix-content-card .cb-rank-box,.aix-home-report .cb-rank-box{background:#fff!important;border:1px solid #dfe2e6!important;border-radius:16px!important;color:#30343a!important;box-shadow:0 2px 7px rgba(25,31,42,.05)!important;padding:18px!important}
.aix-content-card .cb-finance-box strong,.aix-home-report .cb-finance-box strong{color:#222!important}

/* footer and mobile app nav */
.aix-footer{max-width:760px;margin:0 auto;padding:20px 24px calc(94px + var(--safe-bottom));display:flex;justify-content:center;gap:8px;color:#a2a5a9;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}
.aix-bottom-nav{position:fixed;z-index:90;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);height:72px;padding:7px 14px calc(7px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.98);border-top:1px solid #e5e6e8;box-shadow:0 -5px 20px rgba(20,27,40,.05);backdrop-filter:blur(12px)}
.aix-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#8d9298;font-size:9px;font-weight:600}.aix-nav-item svg{width:20px;height:20px}.aix-nav-item.is-active{color:var(--aix-primary)}

@media(max-width:782px){.admin-bar .aix-topbar{top:46px}}
@media(max-width:600px){
  .aix-main{padding:20px 17px 108px}
  .aix-topline,.aix-actionline{padding-left:17px;padding-right:17px}
  .aix-topline{height:67px}.aix-actionline{height:72px}
  .aix-back-home{min-width:90px;font-size:16px}.aix-back-home span{font-size:30px}.aix-top-title{font-size:17px}.aix-win-coin{width:44px;height:44px;font-size:23px}
  .aix-aix-logo{width:42px;height:42px}.aix-menu-trigger{width:49px;height:49px}.aix-round-action{width:40px;height:40px}.aix-identity-chip{max-width:150px;height:40px;padding:0 14px;font-size:14px}.aix-wallet-chip{max-width:155px;height:40px;padding:0 13px;font-size:14px}
  .aix-public-hero{margin-left:-17px;margin-right:-17px;padding:95px 24px 65px}.aix-public-panel{padding-left:19px}.aix-public-kicker span{letter-spacing:2.4px;font-size:10px}.aix-public-panel h1{font-size:43px}.aix-public-panel p{font-size:14px}.aix-public-grid div{min-height:94px;padding:15px 10px}.aix-public-grid span{font-size:12px}
  .aix-main-balance{font-size:48px}.aix-action-pills a{height:52px;font-size:13px}.aix-dashboard-intro h1{font-size:40px}
  .aix-drawer{width:100%;padding:30px 26px}.aix-drawer-brand strong{font-size:13px;letter-spacing:2px}.aix-drawer-brand small{letter-spacing:3px;font-size:9px}.aix-drawer-item{min-height:72px}.aix-drawer-item span{font-size:20px}.aix-drawer-menu:after{font-size:120px}
  .aix-content-card{overflow-x:auto}
}
@media(max-width:430px){
  .aix-actionline{gap:8px}.aix-action-spacer{min-width:4px}.aix-identity-chip{max-width:132px;padding:0 11px;font-size:13px}.aix-wallet-chip{max-width:140px;padding:0 10px;font-size:12.5px;gap:6px}.aix-wallet-dot{width:7px;height:7px}.aix-globe{width:23px}.aix-round-action{width:38px;height:38px}.aix-menu-trigger{width:47px;height:47px}
  .aix-back-home b{display:none}.aix-back-home{min-width:45px}
  .aix-public-kicker b{width:46px;height:46px}.aix-public-panel h1{font-size:39px;letter-spacing:-1.8px}.aix-public-grid{grid-template-columns:1fr 1fr 1fr}.aix-public-actions{align-items:stretch;flex-direction:column}.aix-blue-cta{justify-content:space-between}.aix-public-link{text-align:center}
  .aix-dashboard-intro{align-items:flex-end}.aix-user-brief{max-width:150px}.aix-main-balance{font-size:42px;word-break:break-all}.aix-action-pills{gap:7px}.aix-action-pills a{border-radius:22px;flex-direction:column;gap:2px;height:62px;font-size:11px}
  .aix-drawer{padding:25px 20px}.aix-drawer-logo{width:45px;height:45px}.aix-drawer-brand strong{white-space:normal}.aix-drawer-close{width:45px;height:45px}.aix-drawer-item{grid-template-columns:38px 1fr 25px}.aix-drawer-item span{font-size:19px}
}

/* v1.0.4 — Chat Team */
.aix-chat-action{position:relative;text-decoration:none!important}
.aix-chat-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff3b4e;color:#fff;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff}
.aix-chat-badge:empty,.aix-chat-badge[data-count="0"]{display:none}
@media(max-width:420px){.aix-chat-action{width:34px!important;height:34px!important}.aix-chat-action svg{width:17px!important;height:17px!important}}