nav {
    background: #111;
    border-bottom: 1px solid #282828;
    color: #fff;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 14px;
    min-height: 45px;
    width: 100%;
}
nav .container {
    width: 75%;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 45px;
}
.nav-brand { margin-right: 25px; font-weight: 600; display:flex; align-items:center; gap:10px; }
.nav-brand a { color: #fff; text-decoration: none; }
.nav-wrapper { display: flex; align-items: center; justify-content: space-between; flex: 1; }
.nav-menu { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.nav-auth { list-style: none; padding: 0; margin: 0; display: flex; align-items: center; }
.nav-menu li, .nav-auth li { list-style: none; }
.nav-menu a, .nav-auth a { color: #b0b0b0; text-decoration: none; display: block; padding: 14px 12px; }
.nav-menu li.active a, .nav-menu a:hover, .nav-auth a:hover { color: #fff; background: #181818; }
.nav-auth .nav-online { display: flex; align-items: center; padding: 14px 12px; }
.navbar-toggler { display:none; background:#181818; color:#fff; border:1px solid #333; padding:6px 10px; cursor:pointer; }
.online-count { display: flex; align-items: center; color: #00ff00; font-size: 12px; margin: 0; }
.online-count::before { content:''; display:inline-block; width:6px; height:6px; background:#00ff00; border-radius:50%; margin-right:6px; animation:pulse 2s infinite; box-shadow:0 0 0 0 rgba(0,255,0,.7); }
@keyframes pulse { 0%{box-shadow:0 0 0 0 rgba(0,255,0,.7)} 70%{box-shadow:0 0 0 6px rgba(0,255,0,0)} 100%{box-shadow:0 0 0 0 rgba(0,255,0,0)} }
@media(max-width:1000px){
    nav .container { width:95%; flex-wrap:wrap; justify-content:space-between; }
    .navbar-toggler { display:block; }
    .nav-wrapper { display:none; width:100%; flex-direction:column; align-items:stretch; }
    .nav-wrapper.show { display:flex; }
    .nav-menu, .nav-auth { flex-direction:column; align-items:stretch; width:100%; }
    .nav-menu a, .nav-auth a { padding:10px 0; }
    .nav-auth .nav-online { padding:10px 0; }
}