:root{--lf-header-bg:rgba(4,10,16,.94);--lf-header-line:rgba(123,146,164,.22);--lf-header-text:#f2f6fb;--lf-header-muted:#cdd6df;--lf-header-accent:#ff8518}
.site-header{position:sticky;top:0;z-index:80;width:100%;min-height:82px;background:var(--lf-header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--lf-header-line)}
.site-header .header-inner{width:min(100% - 42px, 1660px);margin:0 auto;min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:24px}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;justify-self:start;color:var(--lf-header-text);font:850 29px/1 Inter,system-ui,sans-serif;letter-spacing:-.055em;text-decoration:none;white-space:nowrap}
.site-header .brand img{display:block;width:52px;height:57px;object-fit:contain}
.site-header .brand>span>span{color:var(--lf-header-accent)}
.site-header .top-nav{display:flex;align-items:center;justify-content:center;justify-self:center;gap:clamp(18px,1.9vw,38px);min-width:0;white-space:nowrap}
.site-header .top-nav .nav-link{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0;color:var(--lf-header-muted);font:750 16px/1.2 Inter,system-ui,sans-serif;text-decoration:none;background:transparent;border:0;cursor:pointer}
.site-header .top-nav .nav-link:hover,.site-header .top-nav .nav-link.is-active{color:#fff}
.site-header .top-nav .nav-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:2px;border-radius:99px;background:linear-gradient(90deg, rgba(255,133,24,.85), rgba(255,133,24,.08))}
.site-header .header-account-actions{justify-self:end;min-width:0;position:relative;z-index:2}
.site-header .header-account-actions .auth-slot,
.site-header .header-account-actions .lf-site-user-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px}
.site-header .header-account-actions .lf-site-dashboard-link{display:none!important}
.site-header .header-account-actions .lf-sales-wrap,.site-header .header-account-actions .lf-profile-wrap{position:relative}
.site-header .header-account-actions .lf-sales-bell{display:grid;place-items:center;width:46px;height:46px;border:0;background:transparent;color:#e9eef4;cursor:pointer}
.site-header .header-account-actions .lf-sales-bell svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;fill:none}
.site-header .header-account-actions .lf-sales-unread{position:absolute;top:5px;right:6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ff425e;color:#fff;font:800 10px/18px Inter,sans-serif;text-align:center;box-shadow:0 0 0 2px rgba(4,10,16,.94)}
.site-header .header-account-actions .lf-site-profile{display:flex;align-items:center;gap:8px;min-height:46px;padding:2px 2px 2px 4px;border:0;background:transparent;color:#eef4fa;cursor:pointer}
.site-header .header-account-actions .lf-site-profile-avatar,.site-header .header-account-actions .lf-profile-menu-avatar{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;overflow:hidden;background:#09111a;border:1px solid rgba(142,166,184,.22)}
.site-header .header-account-actions .lf-site-profile-avatar img,.site-header .header-account-actions .lf-profile-menu-avatar img{width:100%;height:100%;object-fit:cover}
.site-header .header-account-actions .lf-profile-chevron{width:18px;height:18px;stroke:#9aa8b7;stroke-width:1.8;fill:none}
.site-header .header-account-actions .signin-button{min-height:44px;padding:0 18px;border-radius:13px;border:1px solid rgba(255,140,40,.60);background:linear-gradient(180deg,#ff8d22,#eb6f03);color:#fff;font:800 15px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 10px 24px rgba(219,111,6,.22)}
.site-header .header-account-actions .lf-sales-menu,
.site-header .header-account-actions .lf-profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(330px, calc(100vw - 24px));padding:12px;border:1px solid rgba(125,149,169,.28);border-radius:16px;background:linear-gradient(180deg, rgba(10,17,26,.98), rgba(8,14,22,.98));box-shadow:0 22px 70px rgba(0,0,0,.48)}
.site-header .header-account-actions .hidden{display:none!important}
.site-header .header-account-actions .lf-sales-heading{display:flex;align-items:center;justify-content:flex-start;padding:4px 4px 10px;font:800 14px/1 Inter,sans-serif;color:#fff}
.site-header .header-account-actions .lf-sales-list{display:grid;gap:8px;max-height:420px;overflow:auto;padding-right:2px}
.site-header .header-account-actions .lf-sales-empty{margin:0;padding:10px 6px;color:#9fb0c0;font-size:13px}
.site-header .header-account-actions .lf-sale-entry{display:flex;align-items:flex-start;gap:11px;padding:10px 10px;border-radius:13px;background:rgba(14,24,35,.72);border:1px solid rgba(132,156,178,.12);color:#f0f4f9}
.site-header .header-account-actions .lf-sale-entry:hover{border-color:rgba(255,140,40,.34)}
.site-header .header-account-actions .lf-sale-entry-icon{display:grid;place-items:center;width:33px;height:33px;flex:0 0 33px;border-radius:10px;background:#0c1621;color:#ff8a1e}
.site-header .header-account-actions .lf-sale-entry-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.site-header .header-account-actions .lf-sale-entry span{display:grid;gap:2px;min-width:0}
.site-header .header-account-actions .lf-sale-entry strong{font-size:13px;line-height:1.25}
.site-header .header-account-actions .lf-sale-entry small{font-size:12px;color:#a9b6c4}
.site-header .header-account-actions .lf-profile-menu{display:grid;gap:6px}
.site-header .header-account-actions .lf-profile-menu-head{display:flex;align-items:center;gap:12px;padding:6px 6px 10px;border-bottom:1px solid rgba(132,156,178,.12)}
.site-header .header-account-actions .lf-profile-menu-head strong{display:block;font-size:14px;color:#fff}
.site-header .header-account-actions .lf-profile-menu-head small{display:block;font-size:12px;color:#9db0c2;overflow-wrap:anywhere}
.site-header .header-account-actions .lf-profile-menu a,
.site-header .header-account-actions .lf-profile-menu button{display:flex;align-items:center;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:#eef4fa;text-decoration:none;font:700 14px/1 Inter,sans-serif;cursor:pointer;text-align:left}
.site-header .header-account-actions .lf-profile-menu a:hover,
.site-header .header-account-actions .lf-profile-menu button:hover{background:rgba(17,28,41,.74)}
.site-header .header-account-actions .lf-menu-separator{height:1px;background:rgba(132,156,178,.12);margin:4px 0}
@media(max-width:1000px){
  .site-header{min-height:78px}
  .site-header .header-inner{width:calc(100% - 24px);min-height:78px;grid-template-columns:minmax(0,1fr) auto;row-gap:5px;padding:8px 0 6px}
  .site-header .brand{font-size:24px;gap:7px}
  .site-header .brand img{width:43px;height:47px}
  .site-header .header-account-actions{grid-column:2;grid-row:1}
  .site-header .top-nav{grid-column:1 / -1;grid-row:2;gap:clamp(10px,2vw,22px);flex-wrap:wrap}
  .site-header .top-nav .nav-link{font-size:13px;min-height:34px}
}
@media(max-width:560px){
  .site-header .header-inner{width:calc(100% - 18px)}
  .site-header .brand{font-size:20px;gap:5px}
  .site-header .brand img{width:36px;height:40px}
  .site-header .top-nav{gap:12px}
  .site-header .top-nav .nav-link{font-size:11px}
  .site-header .header-account-actions .lf-site-user-controls{gap:4px}
  .site-header .header-account-actions .lf-sales-bell{width:37px;height:37px}
  .site-header .header-account-actions .lf-sales-bell svg{width:21px;height:21px}
  .site-header .header-account-actions .lf-site-profile-avatar,.site-header .header-account-actions .lf-profile-menu-avatar{width:33px;height:33px;flex-basis:33px}
  .site-header .header-account-actions .lf-profile-chevron{width:14px;height:14px}
  .site-header .header-account-actions .signin-button{min-height:38px;padding:0 12px;font-size:13px}
}


/* V56 — consistent top-bar dimensions across the landing page and account settings. */
.site-header,.site-header .header-inner{box-sizing:border-box;}
.site-header{width:100% !important;margin:0 !important;border-bottom-color:rgba(133,154,173,.17) !important;}
.site-header .header-inner{max-width:1660px;}
.site-header .top-nav,.site-header .brand,.site-header .header-account-actions{align-self:center;}