.mobile-menu-toggle{position:fixed;top:20px;left:20px;z-index:1002;display:none}.hamburger-btn{background:rgba(255,255,255,.8);border:none;border-radius:50%;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hamburger-btn:hover{background:rgba(255,255,255,.9);transform:scale(1.05)}.hamburger-line{width:20px;height:2px;background:#333;transition:all .3s ease;border-radius:1px}.hamburger-btn.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-canvas{position:fixed;top:0;left:-350px;width:300px;height:100vh;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;transition:left .3s ease;box-shadow:5px 0 20px rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.2)}.mobile-menu-canvas.active{left:0}.mobile-menu-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.1)}.mobile-menu-header h3{margin:0;color:#333;font-size:1.2em;font-weight:600}.close-menu-btn{background:0 0;border:none;font-size:24px;cursor:pointer;color:#666;padding:5px;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-menu-btn:hover{background:rgba(0,0,0,.1);color:#333}.mobile-menu-content{padding:20px;height:calc(100vh - 80px);overflow-y:auto}.mobile-user-info{margin-bottom:20px;padding:15px;background:rgba(255,255,255,.5);border-radius:12px;border:1px solid rgba(255,255,255,.3)}.user-greeting{color:#333;font-weight:500;font-size:1em}.mobile-nav-buttons{display:flex;flex-direction:column;gap:8px}.mobile-nav-btn{display:block;padding:15px 20px;background:rgba(255,255,255,.6);color:#333;text-decoration:none;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.3);font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-nav-btn:hover{background:rgba(255,255,255,.8);transform:translateX(5px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.mobile-nav-btn.admin{background:rgba(255,243,205,.8);border-color:rgba(255,193,7,.3)}.mobile-nav-btn.admin:hover{background:rgba(255,243,205,.9)}.mobile-nav-btn.logout{background:rgba(248,215,218,.8);border-color:rgba(220,53,69,.3);color:#721c24;margin-top:10px}.mobile-nav-btn.logout:hover{background:rgba(248,215,218,.9)}@media (max-width:768px){.mobile-menu-toggle{display:block}.desktop-user-nav{display:none!important}}@media (max-width:400px){.mobile-menu-canvas{width:280px}.hamburger-btn{width:45px;height:45px}.hamburger-line{width:18px}}