.top-nav{background-color:#04aa6d;color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);overflow-x:auto;white-space:nowrap;position:fixed;top:0;left:0;width:100%;z-index:1000}.top-nav-container{display:flex;align-items:center;padding:0 10px}.top-nav .logo{margin:0;font-size:24px;font-weight:bold;color:#fff;padding:10px 15px;flex-shrink:0}.nav-links{display:flex;align-items:center;margin-left:20px;flex-shrink:0}.nav-links a{color:#fff;text-decoration:none;padding:10px 15px;font-size:15px;font-weight:500;transition:background .3s ease}.nav-links a:hover{background:rgba(0,0,0,.1)}.nav-links .badge{background-color:#ff4d4d;color:#fff;font-size:10px;font-weight:bold;padding:2px 6px;border-radius:10px;margin-left:5px;vertical-align:middle;line-height:1;display:inline-block}