.nav-container{box-sizing:border-box;z-index:1000;justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 8px;display:flex;position:relative}.nav-background{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:-1;background:rgba(224,218,218,.25);border:.7px solid #fff;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.left-section{z-index:1002;flex-wrap:wrap;align-items:center;gap:8px;margin-left:22px;display:flex}.right-section{z-index:1001;flex-shrink:0;align-items:center;gap:8px;margin-right:22px;display:flex}.glass-button{color:#fff;cursor:pointer;white-space:nowrap;background:rgba(224,218,218,.01);border:.7px solid #fff;border-radius:12px;justify-content:center;align-items:center;height:34px;padding:0 12px;font-size:17px;font-weight:400;line-height:1;transition:all .3s;display:flex;box-shadow:inset 0 0 8px 2px rgba(0,0,0,.51)}.Nav-Button{position:relative;top:auto;left:auto}.Nav-Button:hover,.Nav-Button.active{background:rgba(9,169,187,.8);transform:translateY(-1px)}.time-container{color:#fff;background:rgba(235,0,0,.5);border:.7px solid #fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;height:34px;padding:0 11px;font-size:17px;font-weight:400;display:flex;position:relative;box-shadow:inset 0 0 8px 2px rgba(0,0,0,.51)}.wallete-container{color:#fff;cursor:default;background:linear-gradient(135deg,#169b2e 0%,#1caf37 50%,#169b2e 100%);border:.7px solid rgba(255,255,255,.8);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;padding:3px 12px;font-size:17px;font-weight:500;transition:all .2s;display:flex;position:relative;box-shadow:inset 0 0 8px 2px rgba(0,0,0,.51),0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(255,255,255,.2)}.action-lock,.action-power{width:34px;min-width:34px;position:relative;top:auto;left:auto}.icon{fill:#fff;width:18px;height:18px}.datetime-icon{width:16px;height:16px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.hamburger-btn{color:#fff;cursor:pointer;z-index:1003;background:0 0;border:none;border-radius:8px;padding:8px;transition:all .3s;display:none}.hamburger-btn:hover{background:rgba(255,255,255,.1)}.mobile-menu-header{display:none}.mobile-menu-overlay{z-index:1001;background:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;left:0}@media (min-width:1440px){.nav-container{margin:0 auto}}@media (max-width:1439px) and (min-width:1024px){.nav-container{height:54px}.left-section{gap:6px;margin-left:16px}.right-section{gap:6px;margin-right:16px}.glass-button{height:32px;padding:0 10px;font-size:16px}.time-container{width:240px;height:32px;font-size:16px}}@media (max-width:1023px) and (min-width:768px){.nav-container{height:50px;padding:0 12px}.left-section{gap:6px;margin-left:12px}.right-section{gap:6px;margin-right:12px}.glass-button{height:30px;padding:0 10px;font-size:15px}.time-container{width:200px;height:30px;font-size:15px}}@media (max-width:767px){.nav-container{height:58px;padding:0 12px}.hamburger-btn{z-index:1003;justify-content:center;align-items:center;margin-left:8px;display:flex}.left-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1003;background:rgba(30,30,30,.95);border-right:1px solid rgba(255,255,255,.2);flex-direction:column;align-items:stretch;gap:0;width:85%;max-width:320px;height:100vh;margin:0;padding:0;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:4px 0 25px rgba(0,0,0,.3)}.left-section.mobile-menu-open{left:0}.mobile-menu-header{background:rgba(0,126,140,.9);border-bottom:1px solid rgba(255,255,255,.2);justify-content:space-between;align-items:center;width:100%;padding:25px 20px 20px;display:flex;box-shadow:0 2px 15px rgba(0,0,0,.2)}.mobile-menu-header h3{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);margin:0;font-size:18px;font-weight:600}.close-mobile-menu{color:#fff;cursor:pointer;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.close-mobile-menu:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.left-section>:not(.mobile-menu-header){padding:0 20px}.left-section .glass-button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;justify-content:flex-start;width:92%;height:50px;margin:8px 12px;padding:0 20px;font-size:16px;font-weight:500;transition:all .3s}.left-section .glass-button:hover{background:rgba(0,126,140,.7);border-color:rgba(255,255,255,.3);transform:translate(5px)}.left-section .glass-button.active{background:rgba(0,126,140,.9);border-color:rgba(255,255,255,.4);box-shadow:0 4px 15px rgba(0,126,140,.4)}.right-section{gap:8px;margin-right:8px}.glass-button{height:32px;padding:0 10px;font-size:15px}.time-container{width:230px;height:32px;font-size:14px}}@media (max-width:480px){.nav-container{padding:0 8px}.right-section{gap:6px}.time-container{width:200px;font-size:13px}.glass-button{height:30px;padding:0 8px;font-size:14px}.hamburger-btn{margin-left:4px;padding:6px}.left-section{width:90%}.left-section .glass-button{height:48px;margin:6px 0;font-size:15px}.mobile-menu-header{padding:20px 15px 15px}.mobile-menu-header h3{font-size:17px}}@media (max-width:320px){.right-section{gap:4px}.time-container{width:180px;font-size:12px}.glass-button{height:28px;padding:0 6px;font-size:12px}.left-section{width:95%}.left-section .glass-button{height:45px;margin:5px 0;font-size:14px}.mobile-menu-header{padding:18px 12px 12px}.mobile-menu-header h3{font-size:16px}}.dropdown-container{position:relative}.dropdown-toggle{cursor:pointer;color:#fff!important}.dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.49);border-radius:12px;min-width:190px;padding:8px 0;display:none;position:absolute;top:40px;left:0;box-shadow:0 4px 25px rgba(0,0,0,.35)}.dropdown-menu.show{flex-direction:column;display:flex!important}.dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:95%;margin:auto;padding:10px 16px;font-size:16px;transition:all .25s}.dropdown-item:hover{color:#fff;background:rgba(9,169,187,.75);border-radius:8px;padding-left:20px}.dropdown-toggle:after{vertical-align:.255em;content:"";border:.3em solid transparent;border-top-color:currentColor;border-bottom:0;margin-left:10px;font-size:25px;display:inline-block}
