.site-header { background:#fff; border-bottom:1px solid #e2eaf0; box-shadow:0 3px 16px #203a4e05; }
.site-nav { max-width:1440px; padding:13px 28px; gap:28px; min-height:80px; }
.brand-logo { width:218px; }
.site-brand { padding:2px 0; }
.site-links { gap:3px; }
.site-links a { padding:10px 10px; font-size:12px; color:#627181; border-radius:10px; font-weight:550; transition:background .15s,color .15s; text-decoration:none; }
.site-links svg { width:17px; height:17px; stroke-width:1.65; }
.site-links a:hover { color:#166d83; background:#f2f7fa; }
.site-links a[aria-current="page"] { color:#166d83; background:#eaf4f7; box-shadow:inset 0 0 0 1px #d6eaf0; font-weight:700; }
.account-menu { border-left:1px solid #e4ebef; padding-left:16px; }
.account-menu summary { border:1px solid #e5ecf1; background:#fafcfd; border-radius:24px; gap:9px; padding:5px 10px 5px 5px; min-height:44px; font-size:12px; }
.account-menu summary:hover,.account-menu[open] summary { border-color:#c2dce5; background:#f1f7f9; }
.account-avatar { width:32px; height:32px; flex-shrink:0; background:#e5f1f5; color:#166d83; box-shadow:0 0 0 2px #fff; }
.account-avatar img { width:32px; height:32px; border-radius:50%; object-fit:cover; }
.account-panel { top:calc(100% + 12px); border-color:#e2eaf0; box-shadow:0 14px 40px #1d354e18; border-radius:14px; padding:8px; width:250px; }
.account-panel a,.account-panel button { border-radius:9px; }
.menu-toggle { min-height:44px; border:1px solid #dce8ee; border-radius:10px; background:#f6fafc; font-size:12px; }
@media(max-width:1250px) {
 .site-nav { min-height:72px; padding:12px 20px; gap:14px; }
 .site-menu { padding-top:14px; gap:16px; }
 .site-links { flex-wrap:wrap; }
 .account-menu { border-left:0; padding-left:0; }
}
@media(max-width:640px) {
 .site-nav { padding:12px 16px; }
 .brand-logo { width:210px; }
 .site-links { gap:8px; }
 .site-links a { padding:12px; min-height:46px; font-size:13px; }
 .account-menu { padding:14px 0 0; }
 .account-menu summary { width:fit-content; max-width:100%; }
 .account-panel { width:100%; margin-top:12px; }
}
@media print { .site-header { display:none; } }