@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');
.hlc-md{font-family:"Nunito Sans",sans-serif;color:#f7f9ff;max-width:1180px;margin:auto;padding:28px 16px 60px}.hlc-md *{box-sizing:border-box}.hlc-md header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.hlc-md header>div:first-child>small{color:#7db7ff;font-weight:900;letter-spacing:2px}.hlc-md h1{font-size:clamp(32px,5vw,48px);margin:6px 0}.hlc-md header p{font-size:17px;color:#b8c5da;margin:0}.user{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #243b64;border-radius:18px;background:#0b1428}.user>span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#168cff,#7837f2);font-weight:900;font-size:20px}.user b,.user small{display:block}.user small{color:#9baac1;font-size:12px}.user i{font-style:normal;color:#62e7a0;background:#103525;border-radius:20px;padding:5px 8px;font-size:11px}.balance{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border-radius:25px;background:linear-gradient(110deg,#087eff,#513dff,#7d2ced);box-shadow:0 18px 50px #1b4d9940}.balance label{display:block;font-size:12px;font-weight:900;letter-spacing:1.5px}.balance strong{display:block;font-size:clamp(30px,5vw,48px);margin:4px 0}.balance strong em{font-style:normal;font-size:16px;margin-left:12px;opacity:.85}.balance small{font-size:13px}.actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:11px;text-decoration:none;font-weight:900;font-size:13px}.primary{background:#fff;color:#17284f}.light{background:#ffffff18;border:1px solid #ffffff80;color:#fff}.danger{background:#e84d69;color:#fff}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0}.cards article,.panel{background:#0a1325cc;border:1px solid #253a61;border-radius:19px}.cards article{padding:19px;min-height:165px}.cards article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#148fff,#7437f2);margin-bottom:16px}.cards small{color:#a9b7cd;font-size:11px;font-weight:900;letter-spacing:.8px}.cards strong{display:block;font-size:23px;margin-top:6px}.cards p{color:#93a2ba;font-size:13px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.panel{padding:21px;margin-bottom:16px}.panel h2{font-size:20px;margin:0 0 16px}.rows>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff0d;font-size:14px}.rows span{color:#9aa8bd}.green{color:#5de4a0}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick a{padding:13px;border-radius:11px;background:#ffffff08;color:#eef3ff;text-decoration:none;font-weight:800;border:1px solid #ffffff0d}.tx{display:flex;justify-content:space-between;padding:13px 3px;border-bottom:1px solid #ffffff0d}.tx b,.tx small{display:block}.tx small{color:#8f9db4;font-size:12px}.tx strong{color:#5fe4a0}.empty{text-align:center;padding:24px;color:#9aa8bd;background:#ffffff06;border-radius:12px}.notice{display:flex;gap:10px;padding:16px;border-radius:14px;border:1px solid #2a4773;background:#10203a80}.notice p{margin:3px 0 0;color:#9aa8bd;font-size:13px}.logout{text-align:right}.hlc-md-login{text-align:center;padding:65px 18px;max-width:650px;margin:30px auto;background:#0a1325;border:1px solid #263e68;border-radius:25px}.hlc-md-login .orb{width:70px;height:70px;margin:auto auto 15px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#148fff,#7738f1);font-size:30px}.hlc-md-login h2{font-size:30px}.hlc-md-login p{color:#9aa8bd;font-size:16px}.hlc-md-login .btn{margin:5px}.hlc-auth{display:flex;gap:10px;align-items:center}.hlc-auth a{color:#fff;text-decoration:none;font-weight:900}.hlc-auth .join{padding:9px 14px;border-radius:9px;background:linear-gradient(90deg,#148fff,#7538ef)}
@media(max-width:800px){.hlc-md header{display:block}.user{margin-top:15px}.cards{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.balance{display:block}.actions{margin-top:17px}.btn{flex:1}}
@media(max-width:520px){.hlc-md{padding:20px 11px 45px}.hlc-md h1{font-size:34px}.hlc-md header p{font-size:16px}.cards{grid-template-columns:1fr}.balance strong{font-size:30px}.balance strong em{display:block;margin:3px 0 0;font-size:15px}.actions{display:grid;grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr}.user i{display:none}.panel{padding:17px}}

/* v1.1 header collision fix */
.hlc-md,.hlc-md *{box-sizing:border-box}.hlc-md header{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,auto);gap:20px;align-items:start}.hlc-md header>div{min-width:0}.hlc-md .user{max-width:100%;min-width:0;flex-wrap:wrap}.hlc-md .user>div{min-width:0}.hlc-md .user b,.hlc-md .user small{overflow-wrap:anywhere}.hlc-md .balance{gap:18px;flex-wrap:wrap}.hlc-md .balance>div{min-width:0}.hlc-md .balance strong{overflow-wrap:anywhere}
@media(max-width:760px){.hlc-md header{grid-template-columns:1fr}.hlc-md .user{justify-self:stretch}.hlc-md .cards{grid-template-columns:1fr 1fr}.hlc-md .cols{grid-template-columns:1fr}}
@media(max-width:480px){.hlc-md .cards{grid-template-columns:1fr}.hlc-md .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hlc-md .actions .btn{width:100%}}
.hlc-md .next-payout-card{border-color:rgba(255,196,82,.32)!important;background:linear-gradient(145deg,rgba(87,56,8,.35),rgba(9,19,35,.96))!important}.hlc-md .next-payout-card .hlc-smart-countdown{font-variant-numeric:tabular-nums;letter-spacing:.04em}
