.main-nav{background:#15171e;border-bottom:1px solid #1f222c;font-family:"Mulish", sans-serif}.main-nav .nav-items{font-size:14px;margin-left:0}.main-nav .nav-list>.nav-items{padding:0 15px}.main-nav .nav-logo{height:56px;display:block}.main-nav{padding:0 20px}.main-nav .nav-right,.main-nav .dsp-none-sm,.main-nav .nav-list{height:100%}.main-nav .nav-list>.nav-icon-item{height:100%;display:flex;align-items:center;transition:background .3s}.main-nav .nav-icon-item a,.main-nav .nav-icon-item>div{display:flex;flex-direction:column;align-items:center;gap:4px}.main-nav .nav-icon-item .icon{width:22px;height:22px;color:#fb8133}.main-nav .nav-icon-item:hover,.main-nav .nav-icon-item.active{background:#1a1c25}.main-nav .nav-icon-item:hover>a,.main-nav .nav-icon-item:hover>div,.main-nav .nav-icon-item.active>a{color:#fff}@media (max-width: 1200px){.main-nav .nav-list>.nav-items{padding:0 10px}.main-nav .nav-icon-item span{font-size:13px}}.main-nav .nav-icon-item.active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg, #838281 0%, #ffba08 100%)}.main-nav .nav-items a,.main-nav .nav-items>div{color:#fff;cursor:pointer;transition:color .3s}.main-nav .nav-items a:hover,.main-nav .nav-items>div:hover{color:#ff7a01;text-decoration:none}.main-nav .button-solid{background:none;padding:0;border-radius:0}.main-nav .button-solid button{background:linear-gradient(90deg, #f26a3e 0%, #fb8133 100%);color:#fff;border:0;border-radius:5px;padding:9px 25px 10px;font-family:"Mulish", sans-serif;font-size:14px;white-space:nowrap;cursor:pointer;transition:opacity .3s;display:inline-flex;align-items:center;gap:8px}.main-nav .button-solid button .icon{width:16px;height:16px}.main-nav .button-solid button:hover{opacity:.9}.main-nav .dropdown-ul{position:absolute;top:100%;left:0;margin-top:0;min-width:180px;padding:8px 0;background:#1a1c25;border:1px solid #2a2d38;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.4)}.main-nav .dd-li{padding:0}.main-nav .dd-li a{display:block;padding:8px 18px;color:#fff}.main-nav .dd-li a:hover{color:#ff7a01;background:#15171e;text-decoration:none}.sidebar,.main-nav .hamburger-parent{display:none}@media screen and (max-width: 767px){.main-nav{padding:0 16px}.main-nav .hamburger-parent{display:inline-block;margin:0;color:#fff;opacity:1;font-size:22px}.sidebar{display:block;position:fixed;top:0;right:0;left:auto;width:70vw;max-width:300px;height:100vh;padding:20px 24px;z-index:200;background:#15171e;border-left:1px solid #1f222c;box-shadow:-4px 0 24px rgba(0,0,0,0.5);overflow-y:auto;transition:transform .3s}.sidebar.sidebar-none{transform:translateX(110%);box-shadow:none}.main-nav .nav-logo{height:44px}.sidebar .nav-items,.sidebar ul{display:block;margin:0;padding:0}.sidebar .nav-items a,.sidebar .hello{display:block;margin:0;padding:10px 0;color:#fff}.sidebar .nav-items a:hover,.sidebar .hello:hover{color:#ff7a01;text-decoration:none}.sidebar .admin{color:#8a8f9c}.sidebar ul .nav-items{padding-left:16px}.sidebar .button-solid{margin-top:16px}.sidebar{padding-top:64px}.sidebar .close{position:absolute;top:18px;right:18px;float:none;margin:0;width:32px;height:32px;line-height:32px;text-align:center;font-size:20px;color:#fff;opacity:.7;text-shadow:none;border-radius:50%;cursor:pointer;transition:opacity .2s, background .2s}.sidebar .close:hover{opacity:1;background:#1f222c}}
