.referral-overview-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf5df;border:1px solid #d2e2b8;border-radius:14px;padding:20px 24px;margin:0 0 22px;color:#174837}.referral-overview-banner small{font:750 9px system-ui;letter-spacing:1.4px;color:#877126}.referral-overview-banner h2{font:500 23px Georgia,serif;margin:7px 0}.referral-overview-banner p{font:12px/1.6 system-ui;margin:0;color:#62775b}.referral-overview-banner>a{display:flex;align-items:center;gap:10px;background:#166646;color:#fff!important;border-radius:9px;padding:12px 16px;font:650 12px system-ui;text-decoration:none;white-space:nowrap}.referral-overview-banner>a>svg{width:17px;height:17px}.guest-sidebar nav [data-referral-link]>svg,.host-sidebar nav [data-referral-link]>svg{width:19px;height:19px;flex:none}@media(max-width:700px){.referral-overview-banner{padding:18px;align-items:flex-start;flex-direction:column;gap:13px}.referral-overview-banner h2{font-size:21px}}

[data-referral-link]>.referral-new-badge{display:inline-flex;align-items:center;justify-content:center;flex:none;margin-left:auto;padding:3px 6px;border-radius:4px;background:#d5efa5;color:#164b34;font:800 8px/1.2 system-ui;letter-spacing:.5px;text-transform:uppercase;border:1px solid #e2f4c0;white-space:nowrap}
.pa-sidebar nav [data-referral-link]>.referral-new-badge{display:none}
/* Guest navigation keeps the same scale on the dashboard and referrals. */
.guest-sidebar nav>a+a,:is(.gp-body,.pv-host-navigation) .hp-sidebar nav>a+a{border-top:1px solid #ffffff1c}
:is(.gp-body,.pv-host-navigation) .hp-sidebar nav a>svg{width:20px!important;height:20px!important;min-width:20px;flex:none;display:block}
:is(.gp-body,.pv-host-navigation) .hp-sidebar nav a>span:not(.referral-new-badge){flex:1}
:is(.gp-body,.pv-host-navigation) .hp-sidebar .gp-profile-name{display:grid;gap:4px;flex:1;min-width:0}
:is(.gp-body,.pv-host-navigation) .hp-sidebar .gp-profile-name small{font-size:12px;color:#ccebe2}
.gp-menu-overlay{display:none}
@media(max-width:850px){
 :is(.gp-body,.pv-host-navigation) .hp-shell{display:block;padding-top:70px}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar,:is(.gp-body,.pv-host-navigation) .hp-sidebar.open{box-sizing:border-box;position:fixed;inset:0 0 auto;width:100%;height:70px;min-height:70px;z-index:90;padding:10px 18px;background:white;border-bottom:1px solid #d9e5df;box-shadow:0 5px 20px #073f3c17;overflow:hidden}
 :is(.gp-body,.pv-host-navigation) .hp-brand-row,:is(.gp-body,.pv-host-navigation) .hp-sidebar.open .hp-brand-row{box-sizing:content-box;display:flex;align-items:center;justify-content:space-between;height:50px;margin:0;padding:0;background:white;flex:none}
 :is(.gp-body,.pv-host-navigation) .hp-brand{display:flex;gap:10px;align-items:center}
 :is(.gp-body,.pv-host-navigation) .hp-brand>img{width:46px;height:46px;object-fit:contain}
 :is(.gp-body,.pv-host-navigation) .hp-brand .pa-wordmark{width:auto!important;height:30px!important;filter:none}
 :is(.gp-body,.pv-host-navigation) #hp-menu-toggle{display:grid;place-items:center;box-sizing:border-box;flex:none;width:42px;height:42px;padding:0;border:1px solid #acd0c0;border-radius:11px;background:#f7fbf9;color:#087b63;font:26px/1 system-ui;cursor:pointer}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar nav,:is(.gp-body,.pv-host-navigation) .hp-sidebar footer{display:none}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar.open{height:auto;max-height:calc(100dvh - 16px);display:flex;flex-direction:column;background:linear-gradient(180deg,#064d43 0%,#078b73 68%,#079a7f 100%);padding-bottom:14px}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar.open .hp-brand-row{margin:-10px -18px 0;padding:10px 18px}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar.open nav{display:flex;flex:1;min-height:0;overflow-y:auto;margin:16px 0 0;padding:12px 0 0;border-top:1px solid #ffffff24;max-height:calc(100dvh - 190px);gap:3px}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar nav a{box-sizing:border-box;display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border-radius:11px;color:#e0f5ee;font:400 14px/1.4 system-ui;text-decoration:none;flex:none}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar nav a[aria-current=page]{background:#ffffff24;box-shadow:inset 3px 0 #67e85f;font-weight:600}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar.open footer{display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 8px 0;border-top:1px solid #ffffff24;color:white;flex:none}
 :is(.gp-body,.pv-host-navigation) .hp-avatar{width:38px;height:38px}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar footer strong{font-size:14px;font-weight:700}
 :is(.gp-body,.pv-host-navigation) .hp-sidebar footer>a{font:400 12px Arial;padding:6px 10px;min-height:32px;box-sizing:border-box;display:flex;align-items:center}
 :is(.gp-body,.pv-host-navigation) .hp-main{padding:28px 18px 50px}
 :is(.gp-body,.pv-host-navigation) .hp-heading{align-items:stretch;flex-direction:column;gap:20px}
 :is(.gp-body,.pv-host-navigation) .hp-heading h1{font:500 36px Georgia,serif}
 :is(.gp-body,.pv-host-navigation) .hp-primary{text-align:center;font:600 16px system-ui;padding:15px 18px;border-radius:11px}
 .gp-menu-overlay{display:block;position:fixed;inset:0;z-index:80;border:0;background:#04231f73}
}

.host-sidebar nav>a+a{border-top:1px solid #ffffff1c}
.pv-host-navigation .hp-sidebar nav a{text-align:left!important}
.pv-host-navigation .hp-sidebar nav a>span.hp-menu-icon{flex:0 0 20px!important;width:20px;min-width:20px}
@media(max-width:850px){.pv-host-navigation .hp-brand small{display:none}.pv-host-navigation .hp-brand>span{display:block}.pv-host-navigation .hp-sidebar nav a svg,.pv-host-navigation .host-sidebar nav a svg{width:20px!important;height:20px!important;flex:none}.pv-host-navigation .hp-sidebar .hp-menu-icon{display:block;flex:0 0 20px}.pv-host-navigation .hp-sidebar footer strong{flex:1;min-width:0;overflow-wrap:anywhere}.pv-host-navigation .host-sidebar nav{min-height:0;overflow-y:auto}.pv-host-navigation .hp-sidebar nav a[hidden]{display:none!important}}