body>header.app-header{position:sticky;top:0;z-index:60;display:block;height:auto;min-height:72px;margin:0;padding:0;border:0;background:linear-gradient(110deg,#0d233d,#153757 72%,#193e60);color:#fff;box-shadow:0 2px 16px #09213b14;font:13px/1.4 system-ui,sans-serif}
.app-header::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#74d1ef55,transparent);pointer-events:none}
.app-header .app-header-inner{display:flex;align-items:center;gap:24px;max-width:1640px;min-height:72px;margin:auto;padding:0 26px}
.app-header .app-brand{display:flex;align-items:center;gap:11px;flex:none;text-decoration:none;color:#fff;white-space:nowrap;letter-spacing:0}
.app-header .app-symbol{width:40px;height:40px;display:grid;place-items:center;border:1px solid #6bb4e044;border-radius:12px;background:linear-gradient(145deg,#3d82ac50,#79daec0c);color:#96dcf5;box-shadow:inset 0 1px #ffffff12}
.app-header .app-symbol svg{width:31px;height:31px}.app-header .app-brand-copy{display:block}.app-header .app-brand-copy b{display:flex;align-items:center;gap:7px;font-size:19px;font-weight:750;letter-spacing:-.6px;line-height:1.3}
.app-header .app-brand-copy small{display:block;margin:3px 0 0;color:#97b5cf;font-size:8px;font-weight:600;letter-spacing:1.6px;line-height:1.4}
.app-header .app-pro{padding:2px 4px;border:1px solid #80dce450;border-radius:4px;color:#99e4e6;font-size:8px;line-height:1.1;font-weight:750;letter-spacing:.7px}
.app-header .app-nav{display:flex;align-self:stretch;align-items:center;gap:5px;flex:1;justify-content:center;order:0;width:auto;height:auto;min-width:0;min-height:0;margin:0}
.app-header .app-nav .app-nav-item{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#bfd0e2;text-decoration:none;white-space:nowrap;font:500 12px/1.4 system-ui,sans-serif;cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.app-header .app-nav .app-nav-item svg{flex:none;width:17px;height:17px;opacity:.8}
.app-header .app-nav .app-nav-item:hover{background:#ffffff0b;border-color:#ffffff12;color:#fff}
.app-header .app-nav .app-nav-item.active{background:#4495c21e;border-color:#76bce339;color:#e5f7ff;box-shadow:inset 0 1px #b9e8ff08}
.app-header .app-nav .app-nav-item.active svg{color:#7bd6f1;opacity:1}
.app-header .app-nav .app-nav-item.active::after{content:"";position:absolute;bottom:-16px;left:calc(50% - 12px);width:24px;height:3px;background:#78d6ed;border-radius:4px 4px 0 0}
.app-header .app-local{display:flex;align-items:center;gap:7px;flex:none;margin:0;padding:7px 10px;border:1px solid #8bb6cf24;border-radius:20px;background:#061b301c;color:#adc6db;white-space:nowrap;font-size:10px;line-height:1.4}
.app-header .app-local i{width:6px;height:6px;border-radius:50%;background:#74d5bc;box-shadow:0 0 0 3px #74d5bc12}
.app-header .app-menu-toggle{display:none;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #90b5d036;border-radius:8px;background:#ffffff08;color:#e6f1fc;font:600 12px system-ui,sans-serif;cursor:pointer}
.app-header .app-menu-toggle svg{width:18px;height:18px}.app-header a:focus-visible,.app-header button:focus-visible{outline:2px solid #8bdef1;outline-offset:4px}
.app-page-heading{margin:0 0 22px;color:#183654}.app-page-heading h1{font:750 27px/1.3 system-ui,sans-serif;letter-spacing:-.7px;margin:0 0 6px}.app-page-heading p{font:12px/1.7 system-ui,sans-serif;color:#65798d;margin:0}
@media(max-width:1180px){.app-header .app-header-inner{gap:15px}.app-header .app-local{margin-left:auto}.app-header .app-menu-toggle{display:flex}.app-header .app-nav{display:none;position:absolute;top:100%;left:18px;right:18px;flex:none;width:auto;padding:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid #3c607e;border-radius:0 0 13px 13px;background:#153451;box-shadow:0 14px 25px #091e3930;z-index:1}.app-header[data-menu-open] .app-nav{display:grid}.app-header .app-nav .app-nav-item{justify-content:flex-start;min-height:44px;padding:11px 13px;white-space:normal}.app-header .app-nav .app-nav-item.active::after{bottom:11px;left:0;width:3px;height:22px;border-radius:0 3px 3px 0}}
@media(max-width:600px){body>header.app-header,.app-header .app-header-inner{min-height:66px}.app-header .app-header-inner{padding:0 15px;gap:12px}.app-header .app-brand{gap:9px}.app-header .app-symbol{width:35px;height:35px;border-radius:10px}.app-header .app-symbol svg{width:28px;height:28px}.app-header .app-brand-copy b{font-size:18px}.app-header .app-brand-copy small{font-size:7px;letter-spacing:1.3px}.app-header .app-local{display:none}.app-header .app-menu-toggle{margin-left:auto}.app-header .app-nav{left:10px;right:10px;grid-template-columns:1fr}.app-page-heading h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.app-header .app-nav .app-nav-item{transition:none}}
@media print{body>header.app-header{display:none!important}}
.app-header .app-account-link{color:#e7f3ff;font:600 12px system-ui;text-decoration:none;padding:8px;border:1px solid #89a8c44d;border-radius:7px;white-space:nowrap}.app-header .app-access-banner{padding:8px 22px;background:#fff2cf;color:#684e15;font:12px/1.5 system-ui}.app-access-banner a{color:inherit;font-weight:700}.app-header .app-local{max-width:160px;overflow:hidden;text-overflow:ellipsis;display:block}@media(max-width:600px){.app-header .app-local{display:none}}
