.menu-bar{background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:1000}.menu-bar .nav-left{display:flex;gap:20px;align-items:center}.menu-bar .logo{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.menu-bar .nav-left a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background .3s;font-size:16px}.menu-bar .nav-left a:hover{background:#fff3}.menu-bar .nav-right{display:flex;gap:15px;align-items:center}.menu-bar .nav-right a{color:#fff;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background .3s}.menu-bar .nav-right a:hover{background:#fff3}.menu-bar .nav-right .btn-login{background:#fff;color:#667eea;font-weight:500}.menu-bar .nav-right .btn-login:hover{background:#ffffffe6}.menu-bar .user-info{color:#fff;display:flex;align-items:center;gap:10px}.menu-bar .btn-logout{background:#fff3;color:#fff;border:1px solid white;padding:6px 14px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.menu-bar .btn-logout:hover{background:#fff;color:#667eea}.header{display:none}