.secondary-navbar{background-color:#f5f5f5;border-bottom:1px solid #e5e7eb;padding:.5rem 1rem;position:static;z-index:999;width:100%;margin:0;box-sizing:border-box}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;width:100%}.mobile-menu-container{display:contents}.menu-toggle{display:none}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:#000;text-decoration:none;font-size:15px;font-weight:600;padding:.4rem 0;transition:color .2s ease;white-space:nowrap}.nav-link:hover{color:#ff4545}.nav-link.active{color:#ff4545;font-weight:500}.theme-toggle{background-color:#1e293b;color:#fff;border:none;cursor:pointer;font-size:15px;padding:.4rem 1rem;border-radius:.375rem;font-weight:600;transition:background-color .2s ease;height:32px;display:flex;align-items:center;justify-content:center;gap:.4rem}.theme-toggle:hover{background-color:#334155}:root.dark-mode .secondary-navbar{background-color:#343434;border-bottom:1px solid #2d2d2d}:root.dark-mode .nav-link{color:#e5e7eb}:root.dark-mode .nav-link.active,:root.dark-mode .nav-link:hover{color:#ff4545}:root.dark-mode .theme-toggle{background-color:#e5e7eb;color:#1a1a1a}:root.dark-mode .theme-toggle:hover{background-color:#f3f4f6}@media (max-width:768px){.secondary-navbar{padding:.75rem 0;width:100%;background-color:#fff;display:flex;justify-content:center;box-sizing:border-box}.nav-container{flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:none;padding:0 1rem}.mobile-menu-container{display:flex;position:relative;align-items:center}.menu-toggle{display:block;background:none;border:none;cursor:pointer;padding:.5rem;z-index:10;outline:none}.menu-icon{display:block;width:22px;height:2px;background-color:#000;position:relative;transition:background-color .2s ease}.menu-icon:after,.menu-icon:before{content:"";position:absolute;width:22px;height:2px;background-color:#000;transition:transform .3s ease}.menu-icon:before{top:-6px}.menu-icon:after{bottom:-6px}.menu-toggle.active .menu-icon{background-color:transparent}.menu-toggle.active .menu-icon:before{transform:rotate(45deg);top:0}.menu-toggle.active .menu-icon:after{transform:rotate(-45deg);bottom:0}.nav-links{position:absolute;top:100%;left:0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.25rem;box-shadow:0 2px 10px rgba(0,0,0,.1);flex-direction:column;padding:.5rem;gap:0;width:auto;min-width:150px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;z-index:1000;display:flex}.nav-links.show{opacity:1;visibility:visible;transform:translateY(10px)}.nav-link{font-size:.8rem;padding:.6rem .5rem;display:block;width:100%;text-align:left;border-bottom:1px solid #f0f0f0}.nav-link:last-child{border-bottom:none}.button-group{gap:.25rem}.button-group .theme-toggle,.button-group .top-up-button,.button-group .user-balance{font-size:.8rem;padding:.4rem .8rem;margin:0;height:28px}:root.dark-mode .menu-icon,:root.dark-mode .menu-icon:after,:root.dark-mode .menu-icon:before{background-color:#e5e7eb}:root.dark-mode .nav-links{background-color:#1a1a1a;border-color:#2d2d2d}:root.dark-mode .nav-link{border-bottom-color:#2d2d2d}}@media (max-width:576px){.secondary-navbar{padding:.5rem 0;width:100%;box-sizing:border-box}.nav-container{width:100%;padding:0 .5rem}.button-group{gap:.25rem}.button-group .theme-toggle,.button-group .top-up-button,.button-group .user-balance{font-size:.75rem;padding:.35rem .6rem;margin:0;height:26px}}.button-group{gap:.5rem}.button-group,.top-up-button{display:flex;align-items:center}.top-up-button{background-color:#4caf50;color:#fff;border:none;cursor:pointer;font-size:15px;padding:.4rem 1rem;border-radius:.375rem;font-weight:600;transition:background-color .2s ease;text-decoration:none;height:32px;justify-content:center}.top-up-button:hover{background-color:#45a049}:root.dark-mode .top-up-button{background-color:#45a049;color:#fff}:root.dark-mode .top-up-button:hover{background-color:#3d8b40}.user-balance{display:flex;align-items:center;font-size:15px;font-weight:600;color:#333;padding:.4rem .5rem;background-color:#f5f5f5;border-radius:.375rem;border:1px solid #ddd;height:32px;box-sizing:border-box}.user-balance span{white-space:nowrap;line-height:1;display:flex;align-items:center}:root.dark-mode .user-balance{color:#e5e7eb;background-color:#2d2d2d;border-color:#444}