/* Shared navigation on every public, authentication and member page. */
.hn-body{margin:0;min-height:100vh;font-family:Inter,Arial,sans-serif;color:#09184f;background:radial-gradient(ellipse at 95% 0,#c6edff,transparent 42%),#f5fbff}
.hn-body *{box-sizing:border-box}.hn-body [hidden]{display:none!important}
.hn-body .bee-user-phone{max-width:none;width:100%;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.hn-body .hn-content{margin-left:var(--hn-width);width:calc(100% - var(--hn-width));max-width:none;min-width:0;padding:0 20px 150px;min-height:70vh}
.hn-body.hd-body .hn-content{padding:0}
.hn-header,.hn-sidebar,.hn-bottom{font-family:Inter,Arial,sans-serif;line-height:1.4}
.hn-header a,.hn-sidebar a,.hn-bottom a{text-decoration:none}
.hn-header button,.hn-sidebar button{font-family:inherit}
.hn-header :focus-visible,.hn-sidebar :focus-visible,.hn-bottom :focus-visible{outline:3px solid #00b8ff;outline-offset:3px}
.hn-body .hp-header{grid-template-columns:1fr 180px;min-height:150px}
.hn-body .ha-wrap{padding-top:0}.hn-body .ha-shell{min-height:0}
.hn-guest-login{display:flex;align-items:center;gap:8px;background:linear-gradient(130deg,#00aeff,#0050ff);color:#fff!important;border-radius:14px;padding:12px 18px;font-size:14px;font-weight:700}
@media(max-width:980px){.hn-body .hn-content{margin-left:0;width:100%;padding-bottom:130px}}
@media(max-width:650px){.hn-body .hn-content{padding-left:10px;padding-right:10px;padding-bottom:110px}.hn-body .hp-header{grid-template-columns:1fr}.hn-guest-login{font-size:12px;padding:10px 12px}}
/* Navigation-only skin shared by the Hira dashboard and history screens. */
.hn-body,.hd-body,.hh-body{--hn-width:212px;--sidebar:var(--hn-width)}
.hd-body #app,.hh-body #app{margin-left:var(--hn-width)}
.hn-header{position:relative;z-index:80;display:flex;align-items:center;gap:16px;height:76px;margin:12px 13px 32px;padding:7px 16px;border:1px solid #fff;border-radius:22px;background:linear-gradient(115deg,#fff,#ffffffed);box-shadow:0 7px 23px #108bda21}
.hn-logo{position:absolute;left:50%;transform:translateX(-50%);display:block}.hn-logo img{display:block;width:170px;height:74px;object-fit:contain}
.hn-icon{border:0;border-radius:16px;width:46px;height:46px;display:grid;place-items:center;font-size:27px;color:#405881;background:transparent;cursor:pointer}
.hn-header-actions{margin-left:auto;display:flex;align-items:center;gap:20px;position:relative}
.hn-bell{position:relative;background:#f9fdff;box-shadow:0 4px 9px #267ebc20;font-size:25px}.hn-bell span{position:absolute;top:-4px;right:-1px;border:2px solid #fff;border-radius:22px;background:#ff2444;color:white;padding:2px 5px;font-size:11px;line-height:1.4}
.hn-profile{display:flex;align-items:center;gap:11px;max-width:230px;border:1px solid #f1f8ff;border-radius:19px;background:linear-gradient(120deg,#fff,#f7fbff);box-shadow:0 4px 13px #379bd71a;padding:5px 13px 5px 8px;color:#0b2056;cursor:pointer}.hn-profile strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hn-profile img{flex-shrink:0;object-fit:contain}.hn-profile>i{color:#415982;font-size:15px;margin-left:5px}
.hn-sidebar{position:fixed;z-index:40;top:0;bottom:0;left:0;width:212px;padding-top:99px;padding-bottom:120px;overflow:auto;scrollbar-width:thin;scrollbar-color:#369fe7 transparent;border-radius:0 35px 0 0;background:radial-gradient(ellipse at -10% 0,#03baff,transparent 35%),radial-gradient(ellipse at 100% 100%,#05b4ff,transparent 48%),linear-gradient(115deg,#0758b4,#043888 70%,#045bb5);box-shadow:inset -1px 0 5px #26baff66;transition:transform .22s}
.hn-side-logo{display:block;margin:6px 12px 25px;text-align:center}.hn-side-logo img{display:block;width:175px;height:135px;object-fit:contain;margin:auto;filter:brightness(0) invert(1);opacity:.97}
.hn-sidebar nav{padding:0 11px}.hn-sidebar nav>a,.hn-sidebar nav form button{display:flex;gap:15px;align-items:center;min-height:63px;margin-bottom:10px;padding:14px 14px;width:100%;border:1px solid transparent;border-radius:15px;color:#fff;background:transparent;text-align:left;font-size:14px;line-height:1.3}.hn-sidebar nav i{width:29px;text-align:center;flex-shrink:0;font-size:27px}.hn-sidebar nav [aria-current=page]{background:linear-gradient(120deg,#00c7fa,#008bff 65%,#0080f9);border-color:#66e8ff;box-shadow:inset 0 1px 5px #81eeff8c,0 4px 9px #00347c33}.hn-sidebar nav>a:hover{background-color:#168ee755}.hn-sidebar nav form{border-top:1px solid #4592d866;margin:22px 8px 0;padding-top:12px}.hn-sidebar nav form button{color:#ff496b;padding-left:6px;margin:0;cursor:pointer}.hn-sidebar #nn-close{display:none;position:absolute;top:12px;right:12px;color:#fff;font-size:32px}
.hn-sidebar-art{position:relative;min-height:260px;margin:50px 0 0;overflow:hidden;padding-top:25px;background:linear-gradient(145deg,transparent,#0470dccc 43%,#1bbafa55);border-radius:120px 0 0 0}.hn-sidebar-art:before{content:"";position:absolute;inset:5px -55px -40px;border-top:1px solid #14a4ff88;transform:rotate(-28deg);border-radius:50%}.hn-sidebar-art strong{position:relative;z-index:1;display:block;margin:10px 25px;font:italic 34px/.9 Georgia,serif;color:white;transform:rotate(-12deg)}.hn-sidebar-art strong span{padding-left:18px}.hn-sidebar-art strong b{font-weight:400;padding-left:31px}.hn-sidebar-art img{display:block;width:145px;height:145px;object-fit:contain;margin:-6px 4px 0 auto}
.hn-bottom{position:fixed;z-index:75;bottom:14px;left:13px;right:13px;height:104px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px 18px;border:2px solid #fff;border-radius:32px;background:#fffffff2;box-shadow:0 9px 25px #248aca2a;backdrop-filter:blur(12px)}
.hn-bottom>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;border-radius:22px;font-size:18px;color:#435c84}.hn-bottom i{font-size:31px}.hn-bottom [aria-current=page]:not(.hn-bottom-main){background:linear-gradient(130deg,#f4fbff,#e7f5ff);box-shadow:inset 0 0 2px #d2eaff,0 3px 7px #2898d414;color:#005cff}.hn-bottom .hn-bottom-main{align-self:start;justify-self:center;margin-top:-38px;width:110px;height:110px;border:2px solid white;border-radius:50%;color:white;font-size:20px;background:radial-gradient(circle at 24% 15%,#62e4ff,transparent 49%),linear-gradient(135deg,#008bff,#002cff);box-shadow:0 6px 16px #00a1ff65}.hn-bottom-main i{font-size:36px}
.hn-popover{position:absolute;right:0;top:63px;width:min(330px,85vw);max-height:400px;overflow:auto;background:white;padding:21px;border:1px solid #d6eaff;border-radius:18px;box-shadow:0 9px 30px #073d7333;color:#152c5b}.hn-popover h2{font-size:18px;margin:0 0 12px}.hn-popover a,.hn-popover article{display:block;padding:11px 0;border-bottom:1px solid #e7f2ff;font-size:13px}.hn-popover small{display:block;font-size:10px;color:#607798}.hn-popover>button{margin-top:12px;background:#0076ff;border:0;border-radius:8px;color:white;padding:9px}.hn-account-menu{width:235px;padding:10px 15px}.hn-account-menu a{display:flex;gap:10px;align-items:center}.hn-account-menu i{color:#0578ee;width:19px}.hn-account-menu form button{padding:12px 0;border:0;color:#ed2e55;background:transparent;font-size:13px;display:flex;gap:10px;cursor:pointer}.hn-account-menu form i{color:inherit}
.hn-overlay{position:fixed;z-index:90;inset:0;border:0;background:#06265370;backdrop-filter:blur(3px)}.hn-skip{position:fixed;top:-70px;left:20px;z-index:120;border-radius:12px;padding:12px;background:#0079ff;color:white!important}.hn-skip:focus{top:15px}
.hn-body.nn-collapsed,.hd-body.nn-collapsed,.hh-body.nn-collapsed{--hn-width:0px}.nn-collapsed .hn-sidebar{transform:translateX(-105%)}
/* Adapt existing dashboard contents to the width left by the new sidebar. */
.hd-dashboard{container-type:inline-size}
@container(max-width:750px){.hd-profit-art{width:65px;height:75px}.hd-profit>a{gap:10px}.hd-profit #nd-plan-name{max-width:85px;font-size:13px}.hd-timer strong{font-size:28px}.hd-intro{gap:17px}.hd-profile{gap:10px;padding:14px}.hd-avatar{width:105px}.hd-member h1{font-size:23px}.hd-member p,.hd-member .hd-referrer{font-size:12px}.hd-referral input{font-size:11px}.hd-stat-icon{width:43px;height:43px;font-size:24px}.hd-stat{padding-left:17px;padding-right:12px;gap:6px}.hd-stat strong{font-size:16px}.hd-stat h3{font-size:11px}}
@media(min-width:1440px){.hn-body,.hd-body,.hh-body{--hn-width:230px}.hn-sidebar{width:230px}.hn-side-logo img{width:190px}.hn-sidebar nav>a{font-size:15px;min-height:67px}.hn-logo img{width:195px}}
@media(max-width:980px){.hn-body,.hd-body,.hh-body{--hn-width:0px}.hn-sidebar{z-index:100;width:235px;padding-top:45px;transform:translateX(-105%);border-radius:0 28px 0 0}.nn-open .hn-sidebar{transform:translateX(0)}.hn-sidebar #nn-close{display:grid}.hn-header{margin:10px 12px 25px}.hn-side-logo{margin-bottom:20px}.hn-sidebar nav>a{min-height:54px;margin-bottom:7px}.hn-sidebar-art{margin-top:24px}.hn-header-actions{gap:10px}.hn-profile{max-width:200px}.hn-profile strong{font-size:12px}.hn-bottom{height:91px}.hn-bottom>a{font-size:15px}.hn-bottom .hn-bottom-main{width:99px;height:99px;margin-top:-34px;font-size:17px}}
@media(max-width:650px){.hn-header{height:68px;margin:8px 9px 20px;padding:6px 9px;border-radius:19px}.hn-logo{left:45%}.hn-logo img{width:122px;height:66px}.hn-icon{width:37px;height:39px;font-size:23px}.hn-bell{font-size:20px}.hn-header-actions{gap:7px}.hn-profile{padding:3px;border:0;box-shadow:none;background:transparent}.hn-profile strong,.hn-profile>i{display:none}.hn-profile img{width:34px;height:34px}.hn-popover{top:54px;right:0;width:min(320px,88vw)}.hn-account-menu{width:220px}.hn-bottom{left:8px;right:8px;bottom:9px;height:76px;padding:7px 8px;border-radius:25px;gap:2px}.hn-bottom>a{font-size:11px;gap:5px;border-radius:18px}.hn-bottom i{font-size:24px}.hn-bottom .hn-bottom-main{width:79px;height:79px;margin-top:-26px;font-size:14px}.hn-bottom-main i{font-size:28px}.hd-body #app,.hh-body #app{margin-left:0}}
@media(max-width:360px){.hn-logo{left:43%}.hn-logo img{width:106px}.hn-header-actions{gap:3px}.hn-profile img{width:29px;height:29px}.hn-bottom .hn-bottom-main{width:70px;height:70px;margin-top:-21px}.hn-bottom>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hn-sidebar{transition:none}}

.hn-icon i{font-size:inherit}