.auth-buttons{display:flex;align-items:center;gap:15px;position:relative}.auth-login,.auth-logout,.auth-register{padding:8px 16px;border-radius:4px;font-size:15px;font-weight:600;transition:all .3s ease;cursor:pointer}@media (max-width:991px){.auth-login{padding:8px 16px 8px 8px}}.auth-login{color:#333}.auth-login:hover{color:#1890ff}.auth-register{color:#333}.auth-register:hover{color:#1890ff}.auth-username{margin-right:10px;font-weight:500}.auth-logout{color:#ff4d4f}.auth-logout:hover{color:white}.auth-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.auth-modal-content{background-color:white;padding:25px;border-radius:8px;width:350px;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center}.auth-modal h3{margin-bottom:20px;color:#333;font-size:18px}.auth-options{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.auth-options a{color:#fff!important}.auth-option{flex:1 1;padding:15px;border-radius:6px;font-weight:600;text-align:center;transition:all .3s ease;color:white;text-decoration:none}.suppliler-option,.suppliler-option:hover,.user-option,.user-option:hover{background-color:#00b8e7}.auth-modal-close{padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;background-color:white;color:#333;cursor:pointer;transition:all .3s ease}.auth-modal-close:hover{border-color:#00b8e7;color:white}.top{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:10000;background-color:#fff;transition:all .3s ease}.top.scrolled{background-color:rgba(255,255,255,.95);box-shadow:0 4px 12px rgba(0,0,0,.1)}.top-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 20px;height:60px}.top-logo{width:200px}.top-content{display:flex;align-items:center}.top-content a{color:#00b8e7}.top-nav-wrapper{display:flex;align-items:center}.top-nav{display:flex;margin-right:20px}.top-auth{min-width:200px;display:flex;justify-content:flex-end;margin-left:auto}@media (max-width:991px){.top-content{position:fixed;top:0;right:0;width:280px;height:100vh;background-color:#fff;flex-direction:column;align-items:flex-start;padding:20px;box-shadow:-2px 0 10px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease;z-index:10000}.top-content.active{transform:translateX(0)}.top-nav-wrapper{flex-direction:column;align-items:flex-start}.top-nav{margin-right:0;margin-bottom:20px}.top-auth,.top-nav{flex-direction:column;width:100%}.top-toggler{display:block}.dismiss,.top-toggler{background:none;border:none;font-size:24px;cursor:pointer;color:#333}.dismiss{position:absolute;top:15px;right:15px}}@media (min-width:992px){.dismiss,.top-toggler{display:none}.top-nav{display:flex;margin-right:30px;width:auto;flex-grow:1;justify-content:flex-start}.top-nav>li{position:relative}.top-nav>li>a{padding:8px 20px;white-space:nowrap;transition:all .3s ease}.top-nav>li>a,.top-nav>li>ul{font-size:1rem;font-weight:600}.top-nav>li>ul{position:absolute;min-width:120px;padding:10px 20px;background:white;box-shadow:0 5px 15px rgba(0,0,0,.1)}}@media (min-width:1200px){.top-nav>li>a{padding:8px 25px}}