header.site-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;padding:14px 22px;background:rgba(7,17,15,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(150,190,175,.16);color:#f4f7f6}
header.site-nav a{color:inherit;text-decoration:none}
header.site-nav .logo{display:flex;align-items:center;flex:none}
header.site-nav .logo img{height:28px;width:auto;display:block}
header.site-nav .logo img.logo-light{display:none}
header.site-nav .logo img.logo-dark{display:block}
header.site-nav .nav{display:flex;gap:6px;align-items:center;flex:1;min-width:0}
header.site-nav .nav a,header.site-nav .chev{color:#d5e4df;font-weight:650;font-size:14px;padding:8px 12px;border-radius:999px;background:transparent;border:0;font-family:inherit;cursor:pointer}
header.site-nav .chev::after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
header.site-nav .nav a:hover,header.site-nav .chev:hover,header.site-nav .nav a.on{background:rgba(255,255,255,.06);color:#fff}
header.site-nav .drop{position:relative}
header.site-nav .menu{display:none;position:absolute;top:100%;left:0;min-width:210px;padding:14px 8px 8px;border:0;background:transparent;z-index:30}
header.site-nav .menu::before{content:"";position:absolute;z-index:-1;left:0;right:0;top:8px;bottom:0;border-radius:14px;background:#10211c;border:1px solid rgba(150,190,175,.16)}
header.site-nav .drop:hover .menu,header.site-nav .drop:focus-within .menu,header.site-nav .drop.open .menu{display:grid}
header.site-nav .menu a{display:block;border-radius:10px}
header.site-nav .menu-btn{display:none;width:36px;height:36px;border-radius:50%;border:1px solid rgba(150,190,175,.16);background:transparent;color:#d7e6e1;place-items:center}
header.site-nav .menu-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
header.site-nav .tools{margin-left:auto;display:flex;gap:8px;align-items:center}
header.site-nav .icon,header.site-nav .avatar{width:36px;height:36px;border-radius:50%;border:1px solid rgba(150,190,175,.16);display:grid;place-items:center;color:#d7e6e1;background:rgba(255,255,255,.03)}
header.site-nav .icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
header.site-nav .avatar{background:#14956c;color:#04241c;font-weight:800;border:0}
header.site-nav .logout{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#f4f7f6;font:600 13px/1 inherit;cursor:pointer}
header.site-nav form{margin:0}
:root[data-theme="light"] header.site-nav{background:rgba(255,255,255,.92);color:#10231f;border-bottom-color:rgba(16,35,31,.08)}
:root[data-theme="light"] header.site-nav .logo img.logo-dark{display:none}
:root[data-theme="light"] header.site-nav .logo img.logo-light{display:block}
:root[data-theme="light"] header.site-nav .nav a,:root[data-theme="light"] header.site-nav .chev{color:#1c3b34}
:root[data-theme="light"] header.site-nav .nav a:hover,:root[data-theme="light"] header.site-nav .chev:hover,:root[data-theme="light"] header.site-nav .nav a.on{background:rgba(16,35,31,.06);color:#10231f}
:root[data-theme="light"] header.site-nav .menu::before{background:#fff;border-color:rgba(16,35,31,.1)}
:root[data-theme="light"] header.site-nav .logout,:root[data-theme="light"] header.site-nav .icon{color:#10231f;border-color:rgba(16,35,31,.12);background:#fff}
@media(max-width:760px){
  header.site-nav{flex-wrap:wrap;padding:12px 14px}
  header.site-nav .menu-btn{display:grid}
  header.site-nav .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:4px;padding:10px 12px 14px;background:#0c1715;border-bottom:1px solid rgba(150,190,175,.16)}
  header.site-nav .nav.open{display:flex}
  header.site-nav .nav a,header.site-nav .chev{text-align:left}
  header.site-nav .drop .menu{position:static;min-width:0;padding:0 0 0 10px;background:transparent}
  header.site-nav .menu::before{display:none}
  header.site-nav .drop:hover .menu{display:none}
  header.site-nav .drop.open .menu,header.site-nav .drop:focus-within .menu{display:grid}
  :root[data-theme="light"] header.site-nav .nav{background:#f4fbf8}
}