.main-nav{display:flex;align-items:center;margin-left:auto;position:relative;font-family:Segoe UI,Arial,sans-serif}
.main-nav-items{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.main-nav-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;color:#dcecff;text-decoration:none;border:1px solid rgba(104,165,224,.42);background:linear-gradient(145deg,rgba(18,39,65,.96),rgba(8,22,39,.96));border-radius:10px;padding:8px 11px;font-weight:700;font-size:.88rem;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 12px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap}
.main-nav-link:hover,.main-nav-link:focus-visible{transform:translateY(-1px);border-color:#61c8ff;box-shadow:0 0 0 2px rgba(50,183,255,.13),0 6px 18px rgba(0,0,0,.28);outline:none}
.main-nav-link.active{background:linear-gradient(135deg,#087fbd,#14b8a6);border-color:#69e8ff;color:#fff;box-shadow:0 0 18px rgba(20,184,166,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.main-nav-icon{display:inline-grid;place-items:center;width:1.15em;font-size:1.05rem;filter:saturate(.85)}
.main-nav-button{font:inherit;cursor:pointer}
.main-nav-logout{border-color:rgba(255,116,139,.42);color:#ffd9df}
.main-nav-toggle{display:none;align-items:center;gap:8px;border:1px solid #43c7e8;background:linear-gradient(135deg,#0b456e,#087f8c);color:#fff;border-radius:10px;padding:9px 13px;font:700 .92rem Segoe UI,Arial,sans-serif;box-shadow:0 0 16px rgba(52,199,232,.2);cursor:pointer}
@media(max-width:1100px){.main-nav{width:100%;margin-left:0}.main-nav-items{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding:2px 0 5px;scrollbar-width:thin}}
@media(max-width:700px){.main-nav{width:auto;margin-left:auto}.main-nav-toggle{display:inline-flex}.main-nav-items{display:none;position:absolute;z-index:1000;right:0;top:calc(100% + 9px);width:min(88vw,330px);max-height:min(70vh,560px);overflow-y:auto;flex-direction:column;align-items:stretch;padding:10px;background:rgba(7,19,34,.98);border:1px solid #2d769a;border-radius:13px;box-shadow:0 18px 46px rgba(0,0,0,.55),0 0 25px rgba(39,174,214,.12);backdrop-filter:blur(12px)}.main-nav.open .main-nav-items{display:flex}.main-nav-link{width:100%;min-height:44px;font-size:.94rem}.main-nav-link:hover,.main-nav-link:focus-visible{transform:none}header{flex-wrap:nowrap!important}header h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}